
/* =LAYOUT (and WIDTHS and things, inc. text-aligns ...) 
-------------------------------- */

#container {
        width: 780px;
        }

#inside-container {
        width: 680px;
        }

#container > #inside-container {
        width: 676px;
        }

.top, 
.bottom {
        width: 680px;
        }

#top-wrap {
        width: 630px;
        text-align: left;
        }

#top-wrap .top {
        width: 630px;
        }

#logo {
        float: left;
        width: 275px;
        }

#slogan {
        float: right;
        width: 330px;
        text-align: right;
        }

#quick {
        clear: both;
        width: 630px;
        height: 1.5em;
        }

#quick ul {
        clear: both;
        }

#quick ul li {
        float: right;
        list-style-type: none;
        }

#quick ul li a {
        display: block;
        }

#nav-wrap .bottom {
        width: 630px;
        }

#under {
        clear: both;
        width: 630px;
        text-align: left;
        }

#sidebar {
        float: left;
        width: 160px;
        }

#sidebar h2 {
        display: none;
        }

#menu ul {
        width: 160px;
        }

#menu ul li {
        list-style-type: none;
        }

#search {
        width: 160px;
        }

#search form {
        clear: both;
        width: 140px;
        }

#search #inp {
        width: 80px;
        }

#search #sub {
        width: 40px;
        }

#main {
        float: right;
        width: 454px;
        }

#under > #main {
        width: 470px;
        }

#lining img {
        float: right;
        }

#footer {
        clear: both;
        width: 630px;
        text-align: center;
        }

#idium {
        clear: both;
        text-align: center;
        }


/* =MARGINS, BORDERS and PADDINGS 
-------------------------------- */

body {
        margin: 0;
        border: 0;
        padding: 0;
        }

#container {
        margin: 0 auto 0 auto;
        padding: 10px 0;
        }

#inside-container {
        margin: auto;
        border-width: 0 2px;
        border-style: solid;
        }

.top, 
.bottom {
        margin: auto;
        }

#top-wrap {
        margin: 0 auto;
        }

#logo {
        margin: 15px 0 15px 10px;
        }

#slogan {
        margin: 19px 0 0 0;
        }

#slogan p {
        margin: 0 20px 0 0;
        }

#quick {
        margin: auto;
        padding: 2px 0 3px 0;
        }

#quick ul {
        margin: 0;
        padding: 2px 0 4px 0;
        }

#quick ul li {
        margin: 0 0 0 2em;
        }

#quick ul li a {
        padding: 0 0 0 1.75em;
        }

#under {
        margin: auto;
        }

#sidebar {
        margin: 0.2em 0 0 0;
        }

#under > #sidebar {
        margin: 1em 0 0 0;
        }

#menu {
        margin: 0;
        }

#menu ul {
        margin: 24px 0 0 0;
        padding: 0;
        }

#menu > ul {
        margin: 16px 0 6px 0;
        }

#menu ul li {
        margin: 0;
        padding: 6px 0 6px 16px;
        }

#menu ul li a {
        margin: 0;
        padding: 0;
        }

#menu ul > li a {
        padding: 3px 0 4px 0;
        }

#menu ul ul {
        margin: 4px 0 0 0;
        padding: 0;
        }

#menu ul ul li {
        margin: 0;
        padding: 3px 0 3px 16px;
        }

#search {
        margin: 0;
        padding: 1em 0 0 0;
        }

#search form {
        margin: 16px 0;
        padding: 10px 0;
        }

.side-section > #search {
        padding: 1.25em 0 0 0;
        }

#content {
        margin: 0;
        }

#lining {
        padding: 2em 0 1.5em 2em;
        }

#inside-main {
        margin-left: 160px;
        }

#content img {
        margin-top: 3px;
        margin-bottom: 1em;
        margin-left: 1em;
        }

#footer {
        margin: 2em auto 0 auto;
        border-width: 5px 0 0 0;
        border-style: solid;
        }

#footer p {
        margin: 0;
        padding: 2px 3px 3px 3px;
        }


/* =GENERAL 
-------------------------------- */

h1 {
        margin: 0.5em 0;
        }

h2 {
        margin: 0.9em 0 0.5em 0;
        }

h3 {
        margin: 0.75em 0 0.5em 0;
        }

h4, h5, h6 {
        margin: 0.55em 0 0.5em 0;
        }

p {
        margin: 0.75em 0;
        }

#lining a:link, 
#lining a:visited {
        color: #33c;
        background-color: transparent;
        }

#lining a:active, 
#lining a:hover {
        color: #00f;
        background-color: transparent;
        text-decoration: none;
        }

#lining ul {
        margin: 0.85em 0 0.85em 1.25em;
        padding: 0;
        }

#lining > ul {
        margin: 0.85em 0 0.85em 1.1em;
        }

#lining ol {
        margin: 0.85em 0 0.85em 1.8em;
        padding: 0;
        }

#lining > ol {
        margin: 0.85em 0 0.85em 1.65em;
        }

#lining dl {
        margin: 0.85em 0;
        padding: 0;
        }

#lining dl dt {
        font-weight: bold;
        margin-top: 0.5em;
        }

a img {
    border: none;
        }

#lining img {
        border-width: 1px;
        border-style: solid;
        }

#quick a:link {
        text-decoration: none;
        }


/* =CORNERS 
-------------------------------- */

#container {
        }

.top {
        width: 682px;
        height: 6px;
        border-width: 2px 0 0 2px;
        border-style: solid;
        font-size: 6px;
        }

.top .corner {
        float: right;
        width: 672px;
        height: 6px;
        border-width: 0 2px 0 0;
        border-style: solid;
        }

.top .corner div {
        width: 662px;
        height: 8px;
        }

#container > .top {
        width: 678px;
        }

#container > .top .corner {
        width: 668px;
        }

#container > .top .corner div {
        width: 658px;
        height: 6px;
        }

.bottom {
        clear: both;
        width: 682px;
        height: 8px;
        border-width: 0 0 2px 2px;
        border-style: solid;
        font-size: 6px;
        }

.bottom .corner {
        float: right;
        width: 672px;
        height: 8px;
        border-width: 0 2px 0 0;
        border-style: solid;
        }

.bottom .corner div {
        width: 662px;
        height: 8px;
        }

#container > .bottom {
        width: 678px;
        }

#container > .bottom .corner {
        width: 668px;
        }

#container > .bottom .corner div {
        width: 658px;
        height: 6px;
        }


/* =CORNERS, #top-wrap og #nav-wrap 
-------------------------------- */

#top-wrap .top {
        width: 630px;
        height: 6px;
        border: none;
        font-size: 5px;
        }

#top-wrap .top .corner {
        float: right;
        width: 624px;
        height: 6px;
        border: none;
        }

#top-wrap .top .corner div {
        width: 618px;
        height: 6px;
        border-top: none;
        }

#top-wrap  > .top {
        width: 630px;
        }

#top-wrap  > .top .corner {
        width: 624px;
        }

#top-wrap  > .top .corner div {
        width: 618px;
        }

#nav-wrap .bottom {
        clear: both;
        width: 630px;
        height: 2px;
        border: none;
        border-width: 0 0 2px 0;
        border-style: solid;
        font-size: 2px;
        }

#nav-wrap .bottom .corner {
        float: right;
        width: 624px;
        height: 2px;
        border: none;
        }

#nav-wrap .bottom .corner div {
        width: 618px;
        height: 2px;
        border: none;
        }

#nav-wrap  > .bottom {
        width: 630px;
        }

#nav-wrap  > .bottom .corner {
        width: 624px;
        }

#nav-wrap  > .bottom .corner div {
        width: 618px;
        }

#under {
        border-width: 0;
        }


/* =CORNERS, #footer 
-------------------------------- */

#footer .top {
        width: 630px;
        height: 6px;
        border: none;
        font-size: 5px;
        }

#footer .top .corner {
        float: right;
        width: 624px;
        height: 6px;
        margin-left: -27px;
        border: none;
        }

#footer > .top .corner {
        margin-left: 0;
        }

#footer .top .corner div {
        float: left;
        width: 618px;
        height: 6px;
        border: none;
        }

#footer > .top {
        width: 630px;
        }

#footer > .top .corner {
        width: 624px;
        }

#footer > .top .corner div {
        width: 618px;
        }

#footer .bottom {
        width: 630px;
        height: 6px;
        border: none;
        font-size: 5px;
        }

#footer .bottom .corner {
        float: right;
        width: 624px;
        height: 6px;
        border: none;
        }

#footer .bottom .corner div {
        float: left;
        width: 618px;
        height: 6px;
        border: none;
        }

#footer > .bottom {
        width: 630px;
        }

#footer > .bottom .corner {
        width: 624px;
        }

#footer > .bottom .corner div {
        width: 618px;
        }



/* =COLOURS and BACKGROUNDS 
-------------------------------- */

body {
        color: #210; /* SVART */
        background-color: #f0f0f0; /* LYSEST */
        background-image: url(/IPS/skins/layout05/resources/gray/bak-body.gif); /* MOERK */
        background-repeat: repeat-y;
        background-position: top center;
        }

#inside-container {
        border-color: #888; /* MOERKEST */
        color: #210; /* SVART */
        background-color: #fdfbf9; /* KVIT */
        }

#top-wrap {
        color: inherit;
        background-color: #c0c0c0; /* MEDIUM */
        }

#logo img {
        color: inherit;
        background-color: transparent;
        }

#slogan {
        color: #fdfbf9; /* KVIT */
        background-color: transparent;
        }

#quick {
        color: #aaa; /* MOERK */
        background-color: #fdfbf9; /* KVIT */
        }

#quick ul li#quick-home {
        background-image: url(/IPS/skins/layout05/resources/gray/ikon_forsiden.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 0 0;
        }

#quick ul li#quick-contact {
        background-image: url(/IPS/skins/layout05/resources/gray/ikon_kontakt.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 0 0;
        }

#quick ul li#quick-print {
        background-image: url(/IPS/skins/layout05/resources/gray/ikon_skrivut.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 0 0;
        }

#quick ul li#quick-sitemap {
        background-image: url(/IPS/skins/layout05/resources/gray/ikon_kart.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
        }

#quick a:link, 
#quick a:visited {
        color: #aaa; /* MOERK */
        background-color: transparent;
        text-decoration: none;
        }

#menu {
        color: #aaa; /* MOERK */
        background-color: transparent;
        }

#menu ul li {
        background-image: url(/IPS/skins/layout05/resources/gray/arrow-firk.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 0 5px;
        }

#menu ul ul li {
        background-position: 0 2px;
        }

#menu ul li a:link, 
#menu ul li a:visited {
        color: #aaa; /* MOERK */
        background-color: transparent;
        text-decoration: none;
        }

#search {
        color: #888; /* MOERKEST */
        background-color: transparent;
        }

#lining dl dt {
        color: #336; /* DT */
        background: transparent;
        }

#lining img {
        border-color: 435; /* BILDERAMME */
        }

#footer {
        border-color: #fdfbf9; /* KVIT */
        color: #fdfbf9; /* KVIT */
        background-color: #c0c0c0; /* MEDIUM */
        }

#footer a:link, 
#footer a:visited {
        color: #fdfbf9; /* KVIT */
        background-color: transparent;
        }


/* =CORNERS, #container 
-------------------------------- */

.top {
        border-color: #888; /* MOERKEST */
        background-color: #fdfbf9; /* KVIT */
        background-image: none;
        }

.top .corner {
        border-color: #888; /* MOERKEST */
        background-image: none;
        }

.top .corner div {
        color: #210; /* SVART */
        background-color: #fdfbf9; /* KVIT */
        }

.bottom {
        border-color: #888; /* MOERKEST */
        background-color: #fdfbf9; /* KVIT */
        background-image: none;
        }

.bottom .corner {
        border-color: #888; /* MOERKEST */
        background-image: none;
        }

.bottom .corner div {
        color: #210; /* SVART */
        background-color: #fdfbf9; /* KVIT */
        }


/* =CORNERS, #inside-top 
-------------------------------- */

#top-wrap .top {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#top-wrap .top .corner {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#top-wrap .top .corner div {
        background-color: #c0c0c0; /* MEDIUM */
        }

#nav-wrap .bottom {
        border-color: #c0c0c0; /* MEDIUM */
        background-color: #fdfbf9; /* KVIT */
        background-image: none;
        }

#nav-wrap .bottom .corner {
        background-color: #fdfbf9; /* KVIT */
        background-image: none;
        }

#nav-wrap .bottom .corner div {
        background-color: #fdfbf9; /* KVIT */
        }


/* =CORNERS, #footer 
-------------------------------- */

#footer .top {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#footer .top .corner {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#footer .top .corner div {
        background-color: #c0c0c0; /* MEDIUM */
        }

#footer .bottom {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#footer .bottom .corner {
        background-color: #c0c0c0; /* MEDIUM */
        background-image: none;
        }

#footer .bottom .corner div {
        background-color: #c0c0c0; /* MEDIUM */
        }

/* =FONTS, TEXT, etc.  
-------------------------------- */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 80%;
        }

#quick {
        font-weight: bold;
        }

#quick a:link, 
#quick a:visited {
        text-decoration: none;
        }

#slogan {
        font-size: 135%;
        font-style: italic;
        letter-spacing: 0.25em;
        word-spacing: 0;
        line-height: 150%;
        }

#menu ul li {
        font-weight: bold;
        }

#menu a:link, 
#menu a:visited {
        text-decoration: none;
        }

h1 {
        font-size: 150%;
    }

h2 {
        font-size: 135%;
    }

h3 {
        font-size: 120%;
    }

h4, h5, h6 {
        font-size: 100%;
    }


