@import "reset.css";
@import "960.css";
@import "OM.css";
@import "framework.css";

body {
    background-color: #C6C7C8;
    font-family: arial;
    line-height: normal;
    /* font-size is reset to 1em and 10px = 1em.
So when you want a 18px font,
you will only have to say font-size:1.8em.
And in this way you are not forced to calculate ems.*/
    font-size: 62.5%;
    color: gray;
    height: 100%;
}

h1 {
    font-size: 3.6em;
}

h2 {
    font-size: 3.0em;
}

h3 {
    font-size: 2.4em;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size: 1.4em;
}

h6 {
    font-size: 1.2em;
}

/* Styles for the content */
.content {
}

.content p {
    font-size: 1.1em
}

.content ul li {
    font-size: 1.1em; /*not styled by .content p*/
    list-style: none;
    background: url(../images/bulletpoint1.png) no-repeat 0 5px;
    padding-left: 10px;
    margin-right: 30px;
}

/*to ensure right font-size*/
.content p ul li {
    font-size: 1.0em;
}

.content ul li p {
    font-size: 1.0em;
}

.content table p {
    font-size: 1.0em;
    padding: 0;
    margin: 0;
}

.content table ul li {
    font-size: 1.0em;
}

.content .full_width table p {
    font-size: 1.0em;
    padding: 0;
    margin: 0;
}

.content .full_width table {
    margin-bottom: 5px;
}

.content .main_column table {
    margin-bottom: 5px;
}

sub, sup {
    font-size: 80%
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

/* unvisited link */
.content a:link {
    text-decoration: none;
    color: #CE1B00;
    font-weight: bold;
}

/* visited link */
.content a:visited {
    text-decoration: none;
    color: #CE1B00;
    font-weight: bold;
}

/* mouse over link */
.content a:hover {
    text-decoration: underline;
    color: #CE1B00;
    font-weight: bold;
}

/* selected link */
.content  a:active {
    text-decoration: none;
    color: #CE1B00;
    font-weight: bold;
}

.content p {
    margin: 5px 0;
}

.content h1 {
    font-size: 3.6em;
    margin-bottom: 25px;
    font-weight: lighter;
}

.content h5 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: normal;
}

.content .img_caption {
}

.content .subtitles {
    font-size: 1.2em;
    background-image: url("../images/stiple_gray_on_white.png");
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 30px;
}

.content .subtitles li a {
}

.content .subtitles a {
    font-weight: normal;

}

/*Subtitles have font-size 1.2em. Set .subtitles p to 1.0 em to keep 12px */
.content .subtitles p {
    font-size: 1.0em;
}

.content .lead_text {
    margin-bottom: 20px;
}

.content .wide_image {
    margin-bottom: 30px;
}

.content .full_width {
    background-color: white;
    padding-bottom: 20px;
}

.content .full_width p {
    margin-right: 30px;
}

.content .full_width img {
    margin-right: 30px;
}

.content .full_width ul {
    margin-right: 30px;
}

.content .full_width .big_small_entry p {
    margin-right: 0px;
}

.content .full_width .triple_body_entry img {
    margin-right: 0px;
}

.content .left_and_main_column {
    background-color: white;
    padding-bottom: 20px;
    min-height: 400px;
}

.content .left_column {
    background-color: white;
}

.content .main_column {
    background-color: white;
}

.content .main_column p {
    margin-right: 30px;
}

.content .main_column img {
    margin-right: 30px;
}

.content .main_column ul {
    margin-right: 30px;
}

.content .right_column {

}

.content .right_column .img_caption {
    color: gray;
    font-weight: lighter;
    background-color: white;
    padding-left: 10px;
}

.content .right_column img {
    max-width: 210px;
}

/* Left navigation*/
.content .left_menu {
    background-color: white;
    background-image: url("../images/left_menu_background.png");
    padding-top: 10px;
    width: 100%;

}

.content .left_menu_gradient {
    background-image: url("../images/left_menu_gradient.png");
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
}

.content .left_menu ul {
    background-image: none;
    width: 100%;
    height: 100%;
    margin-right: 0;
}

.content .left_menu ul li {
    background-image: none;
    width: 95%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-right: 0;
}

.content .left_menu a {
    font-size: 1.0em;
    font-weight: lighter;
    color: white;
    text-decoration: none;
}

.content .left_menu img {
    padding-left: 10px;
}

.content .left_menu .no_padding {
    padding-top: 0;
    padding-bottom: 0;
}

.content .left_menu .subSection {
    margin-left: -3px;
    font-size: 0.80em;
    font-weight: lighter;
}

.content .left_menu .current_section {
    background: white;
    color: #CE1B00;
}

.content .left_menu .current_section a {
    color: #CE1B00;
}

.content .right_menu {
    background-color: white;
}

.content .related_articles_box {
    text-indent: 20px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

.content .related_articles_header {
    padding-top: 8px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    background-image: url("../images/related_articles_stipled.png");
    background-repeat: no-repeat;
    background-position: bottom;
    color: gray;
    font-weight: bold;
}

.content .related_articles_element {
    padding-top: 5px;
    padding-bottom: 5px;
}

.content .related_articles_element a {
    padding-left: 5px;
}

.content .related_articles_box ul li {
    list-style: none;
    background: none;
    padding-left: 0;
    background: url(../images/related_arrow.gif) no-repeat 0 5px;
}

.content .related_articles_box .related_articles_element a {
    text-decoration: none;
    color: gray;
    font-weight: normal;
}

.content .full_width .related_articles_box {
    border: 1px solid gray;
    margin-right: 20px;
}

.content .full_width_notes .note_select_form input {
    padding: 3px;
}

/* Styles for the search section */

.content .search .search_hit_container {
    padding: 5px 0;
    margin: 30px 0;
    border-top: gray 1px solid;
    border-bottom: gray 1px solid;
}

.content .search h4 {
    padding: 0;
    margin: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

.content .search h5 {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 2px;
}

.content .search p {
    padding: 0;
    margin: 0;
}

.content .search .synopsis {
    font-style: italic;
    padding-left: 20px;
}

.content .search ul li {
    background: none;
    padding: 0;
    padding-top: 2px;
    padding-left: 20px;
}

/* Generelle stiler */

.min_height_flash {
    min-height: 351px;
}

.content .article_title a {
/* Litt cheeky men enkel måte å gjøre titler grå */
    color: gray;
    font-weight: lighter;
}

.list_header {
    font-weight: bold;
}

.hidden {
    visibility: hidden;
}

.align-right {
    float: right;
}

.align-left {
    float: left;
}

.white {
    background-color: white;
}

.veidekke_red {
    color: #CE1B00;
}

.full_height {
    height: 100%;
}

.big_small_entry {
    height: 100%;
    margin-bottom: 25px;
    padding-bottom: 18px;
    margin-right: 10px;
    background-image: url("../images/stiple_white_on_gray.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.big_small_entry h2 {
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: lighter;
    margin-bottom: 15px;
    padding-bottom: 12px; /*border-bottom:1px dashed gray;*/
    background-image: url("../images/stiple_white_on_gray.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.big_small_entry p {
    margin-bottom: 15px;
}

.image_wrapper_right {
    width: auto;
    float: right;
}

.image_wrapper_left {
    width: auto;
    float: left;
}

.big_small_entry .big_image_left {
    float: left;
    width: 30%;
}

.big_small_entry .big_image_right img {
    float: right;
    margin: 0;
}

.big_small_entry .big_image_right {
    float: right;
    width: 30%;
}

.big_small_entry .big_text_right {
    float: right;
    width: 69%;
}

.big_small_entry .big_text_left {
    float: left;
    width: 69%;
}

.big_small_entry .small_image_left {
    float: left;
    width: 16%;
}

.big_small_entry .small_image_right {
    float: right;
    width: 16%;
}

.big_small_entry .small_image_right img {
    float: right;
    margin: 0
}

.big_small_entry .small_text_right {
    float: right;
    width: 79%;
}

.big_small_entry .small_text_left {
    float: left;
    width: 79%;
}

.triple_body_entry {
    margin-right: 10px;
    margin-bottom: 25px;
    padding-bottom: 18px;
}

.triple_body_entry .image_left {
    float: left;
    width: 30%;
}

.triple_body_entry .image_right img {
    float: right;
}

.triple_body_entry .image_right {
    float: right;
    width: 30%;
}

.triple_body_entry .images_top img {
    float: left;
    width: 30%;
    margin-right: 10px;
    margin-bottom: 25px;
}

.triple_body_entry .text_right {
    float: right;
    width: 69%;
}

.triple_body_entry .text_left {
    float: left;
    width: 69%;
}

financial_right {
    margin-right: 5px;
    padding-left: 0px;
    margin-left: 0px;
}

.financial_right img {
    max-width: 210px;
}

.financial_bottom_img {
    background-image: url("../images/stiple_white_on_gray.png");
    background-repeat: repeat-x;
    background-position: top;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 510px;
}

.financial_element {
    padding-right: 5px;
    margin-bottom: 10px;
}

.front_page_element {
    border: 1px solid white;
    margin-top: 20px;
}

.front_page_element_flash {
    margin-top: 20px;
}

.front_page_element img {
    max-width: 100%
}

.front_page_element a {
    margin: 0;
    vertical-align: middle;
}

.front_page_element .front_page_text {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.front_page_element .front_page_text p {
    margin: 5px 0;
}

.front_page_element .front_page_text a {
    margin: 5px 0;
}

.front_page_element .front_page_title {
    font-weight: bold;
    background-image: url("../images/stiple_gray_on_white.png");
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Styles for the dictionary grid template */

.dictionary {
    padding-top: 10px;
    padding-left: 20px;
}

.dictionary a {
    font-weight: bold;
    font-size: 1.2em;
}

.dictionary  h1 a {
    font-weight: lighter;
    font-size: 1.0em;
}

.dictionary .alphabet {
    padding-bottom: 20px;

}

.dictionary .alphabet p {
    color: gray;
    font-weight: bold;
    font-size: 1.2em;
}

.dictionary .alphabet .red_background {
    background-color: #CE1B00;
    color: white;
}

.dictionary .alphabet .no_articles {
    color: gray;
    text-decoration: none;
}

.dictionary .alphabet a {
    padding-left: 4px;
    padding-right: 4px;
    color: #CE1B00;
    font-size: 14px;
}

.dictionary .word {
    background-image: url("../images/stiple_gray_on_white.png");
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dictionary .word .title {
    font-size: 1.2em;
    font-weight: bold;
}

/*
-------------------------------------------------
Styles for the collapse-expand template
--------------------------------------------------
*/

.collapse_expand .border {
    border: 1px solid gray;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.collapse_expand .collapse_expand_element {
    margin-right: 20px;
    padding-left: 10px;
}

.collapse_expand .country {
    text-transform: uppercase;
    font-weight: bold;
    font-size: larger;
    color: #CE1B00;
    border-collapse: collapse;
}

.collapse_expand .area {
/*text-transform:uppercase;*/
    font-weight: bold; /*font-size:larger;*/
    color: #CE1B00;
}

.collapse_expand .toggle img {
    padding: 5px;
    vertical-align: middle;
}

/*
-------------------------------------------------
Styles for the comparsion tool template
--------------------------------------------------
*/

.content .comparison {
    padding-top: 20px;
}

.content .comparison h3 {
    margin-top: 10px;
}

.content .comparison .comparison_header {
    margin: 0;
    font-size: 1.2em;
    font-weight: lighter;
    width: 100%;
    background-color: #C6C7C8;
    color: #333333;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content .comparison .periods ul {
    margin: 0;
    padding: 0;
}

.content .comparison .periods ul li {
    margin: 0;
    padding: 0;
}

.content .comparison select {
    margin-top: 5px;
    color: gray;
}

.content .comparison .submit {
    padding-top: 30px;
}

.content .comparison input[type=button] {
    margin-top: 5px;
    color: white;
    background: none;
    background-color: #CE1B00;
}

.content .comparison ul li {
    background: none;
    padding: 0;
    margin: 0;
}

.content .comparison .comparison_content_header {
    font-size: 1.2em;
    width: 100%;
}

.content .comparison .chart {
    float: left;
}

.content .comparison .selects {
    margin-top: 15%;
}

.content .comparison .selects input {
    width: 100%;
}

.content .comparison .select_box {
    width: 100%;
}

.content .comparison .chosen_selections {
    margin-left: 10px;
    padding: 5px;
    border: 1px gray solid;
}

.content .comparison .chosen_selections h5 {
    margin: 0;
    paddin: 0;
    padding-bottom: 5px;
    font-size: 1.3em;
    font-weight: bold;
}

.content .comparison .chosen_selections h6 {
    padding: 0;
    margin: 0;
    padding-bottom: 2px;
    font-size: 1.0em;
}

.content .comparison .chosen_selections ul {
    padding-bottom: 5px;
    width: 100%;
}

.content .comparison .chosen_selections ul li {
    padding-left: 5px;
}

.content .comparison .chosen_content_header {
    font-size: 1.2em;
    font-weight: bold;
}

.content .comparison .messages_left {
    float: left;
    width: 50%;
}

.content .comparison .messages_right {
    float: right;
    width: 50%;
}

/*
-------------------------------------------------
styling for download center
--------------------------------------------------
*/

.download_center {
    background-color: white;
    padding-bottom: 30px;
    height: 100%;
}

.download_center h1 {
    padding-left: 30px;
    margin-top: 10px;
}

.download_center .section {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.download_center .download_type {
    font-size: 1.4em;
    padding-left: 30px;
    margin-bottom: 15px;
    font-weight: bold;
}

.download_center .section_title {
    font-size: 1.2em;
    background-image: url("../images/stiple_gray_on_white.png");
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
    margin-right: 80px;
}

.download_center .section .reports {
    width: 50%;
    float: left;
}

/*font-size set to 11px,  1.1 not set by .content p*/
.download_center .section .file {
    font-size: 1.1em;
}

.download_center .section .file p {
    display: inline;
}

.download_center .section img {
    height: 3em;
    vertical-align: middle;
}

.download_center .section .spreadsheets {
    width: 50%;
    float: right;
}

.download_center form {
    background-color: white;
    height: 100%;
}

.download_center .download_button {
    float: right;
}