﻿@charset "utf-8";
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrap { font-family: Arial, Helvetica, sans-serif; /*height: 100%;*/ }
html { background-color: #000000; }
body { margin: 0; padding: 0; background-color: #000000; background-repeat: repeat-x; background-position: right top; }
body > #wrap { height: auto; /*min-height: 100%;*/ }
#wrap { width: 978px; margin-right: auto; margin-left: auto; background-position: center 195px; background-repeat: repeat-y; }
#header { width: 980px; height: 195px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0px; background-repeat: no-repeat; display: block; background-position: left top; }
#on-top-o-nav { height: 162px; width: 976px; }
#main { padding-bottom: 19px; margin-right: auto; margin-left: auto; width: 962px; padding-top: 8px; padding-right: 8px; padding-left: 8px; margin-bottom: 0px; margin-top: 0px; }  /* must be same height as the footer */
#footer { height: 204px; clear:both; width: 100%; margin-right: auto; margin-left: auto; margin-top: 0px; background-image: url(/img/global/footer_bg.png); background-repeat: no-repeat; background-position: center bottom; color: #92A30A; background-color: #FFFFFF; }
/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearer, .clearfloat { clear:both; height:0px; font-size: 1px; line-height: 0px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#header p { display: block; width: 356px; height: 12px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #FFFFFF; font-size: 11px; line-height: 12px; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 0px; text-align: right; }
#crumbs { font-size: 11px; width: 938px; margin-top: 0px; margin-right: auto; margin-bottom: 8px; margin-left: auto; padding: 0px; }
#crumbs p { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
#crumbs a:link, #crumbs a:visited { font-size: 11px; text-decoration: underline; }
#crumbs a:hover, #crumbs a:active { text-decoration: none; }
#crumbs .activeCrumb { font-weight: bold; font-size: 11px; }
#footer .footerText { width: 978px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; top: 0px; }
#copyright { font-size: 11px; line-height: 21px; color: #FFFFFF; width: 146px; display: inline; float: left; padding-left: 20px; padding-top: 4px; }
#extralinks { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; padding-left: 20px; display: inline; float: left; width: 265px; padding-top: 4px; margin-right: 16px; }
#webdesign { font-size: 10px; color: #333333; line-height: 21px; display: inline; float: left; width: 501px; text-align: right; padding-right: 0px; padding-top: 4px; padding-bottom: 0px; padding-left: 0px; }
#footer #webdesign a:link, #footer #webdesign a:visited { color: #333333; text-decoration: none; font-size: 11px; line-height: 21px; }
#footer #webdesign a:hover, #footer #webdesign a:active { color: #999999; text-decoration: underline; }
#footer .footerText p { color: #333333; font-size: 11px; line-height: 13px; text-align: right; margin: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; }
#footer a { font-size: 11px; }
#main div.introtekst { display: inline; float: left; width: 323px; height: auto; margin-right: 13px; padding: 0px; }
#contentholder { display: block; padding: 0px; margin-top: 12px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 960px; overflow: hidden; color: #000000; font-size: 12px; line-height: 16px; height: auto; }
#contentholder p { font-size: 12px; line-height: 16px; margin-bottom: 12px; }
#col1_fp, #col1_sp { display: inline; float: left; width: 387px; height:auto; padding-top: 0px; padding-right: 19px; padding-bottom: 19px; padding-left: 11px; }
#col1_sp { width: 587px; }
#col2_fp { background-color: #000000; background-repeat: no-repeat; background-position: left bottom; display: inline; float: left; width: 304px; height:289px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 16px; }
#col2_sp { display: inline; float: left; width: 315px; padding-top: 0px; padding-right: 0px; padding-bottom: 19px; margin-left: 17px; font-size: 12px; line-height: 16px; color: #FFFFFF; }
#col1_sp ul, #col1_fp ul, #col2_sp ul { font-size: 12px; color: #A2AD00; line-height: 16px; display: inline-block; padding-left: 24px; margin-left: 0px; padding-bottom: 6px; margin-bottom: 6px; }
#col1_sp ol, #col1_fp ol, #col2_sp ol { font-size: 12px; color: #FFFFFF; line-height: 16px; display: inline-block; padding-left: 24px; padding-bottom: 6px; margin-bottom: 6px; }
#col1_sp ol li, #col1_fp ol li, #col2_sp ol li { list-style-type: decimal; }
#col1_sp ol li ol li, #col1_fp ol li ol li, #col2_sp ol li ol li { list-style-type: lower-alpha; }
#col1_sp ol li ol li ol li, #col1_fp ol li ol li ol li, #col2_sp ol li ol li ol li { list-style-type: lower-roman; }
#col1_sp ul li, #col1_fp ul li, #col2_sp ul li { list-style-type: disc; }
#col1_sp ul li ul, #col1_sp ol li ol, #col1_sp ul li ul li ul, #col1_sp ol li ol li ol, #col2_sp ul li ul { display: block; padding-left: 36px; margin-bottom: 0px; }
#col1_fp ul li ul, #col1_fp ol li ol, #col1_fp ul li ul li ul, #col1_fp ol li ol li ol, #col2_sp ul li ul { display: block; padding-left: 36px; margin-bottom: 0px; }
#col1_sp ul li ul li, #col1_fp ul li ul li, #col2_sp ul li ul li { list-style-type: disc; }
#col1_sp ul li ul li ul li, #col2_sp ul li ul li ul li { list-style-type: circle; }
#col1_sp h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 17px; }
#col1_fp h1 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-style: italic; line-height: 24px; font-weight: bold; }
#col2_fp ul { height: auto; float: right; display: inline; width: 256px; padding: 0px; list-style-type: none; margin-top: 14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#col2_fp ul li { height: 39px; width: 256px; float: right; text-align: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; display: inline; padding: 0px; }
#col2_fp a:link, #col2_fp a:visited { display: block; height: 37px; width: 242px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 17px; padding-top: 4px; padding-right: 7px; padding-bottom: 0px; padding-left: 7px; font-weight: bold; font-style: italic; margin: 0px; }
#col2_fp a:hover, #col2_fp a:active { color: #FFFFFF; }
#col1_sp a:link, #col1_sp a:visited { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; font-weight: normal; }
#col1_sp a:hover, #col1_sp a:active { text-decoration: none; }
#col2_sp a:link, #col2_sp a:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: normal; }
#col2_sp a:hover, #col2_sp a:active { text-decoration: none; }
#col3 { display: inline; float: left; width: 285px; height:289px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 16px; }
#naw { height: 127px; width: 267px; overflow: hidden; margin-bottom: 15px; text-align: center; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: 4px double #FFFFFF; }
#naw p { font-size: 12px; line-height: 14px; margin: 0px; padding: 0px; text-align: center; }
span.hidden { display:none; }

