/* =LAYOUT (FLOAT, WIDTH, TEXT-ALIGN, etc. ...) 
-------------------------------- */

#container {
        width: 750px;
        }

#top-wrap {
        width: 100%;
        }

#logo {
        float: left;
        width: 40%;
        }

#slogan {
        float: right;
        width: 450px;
        height: 1.5em;
        }

#slogan p {
        width: 405px;
        float: right;
        height: 1.5em;
        }

#nav-wrap {
        clear: both;
        width: 100%;
        }

#quick {
        width: 60%;
        float: left;
        }

#quick li {
        list-style-type: none;
        float: left;
        }

#search {
        width: 300px;
        float: right;
        text-align: right;
        }

#search form {
        width: 255px;
        float: right;
        }

#search input {
        width: 44px;
        }

#search .searchfield1 {
        width: 111px;
        }

#under {
        clear: both;
        width: 100%;
        float: left;
        }

#lining img {
        /*float: right;*/
        }

#footer {
        clear: both;
        width: 750px;
        height: 1.65em;
        text-align: center;
        }

#footer p {
        height: 1.25em;
        }


/* =MARGINS, BORDERS and PADDINGS 
-------------------------------- */

body {
        margin: 0 auto;
        padding: 0;
        }

#container {
        margin: auto;
        }

#logo p {
        margin: 10px;
        padding: 0;
        }

#slogan p {
        margin: 0;
        padding: 1px 5px 0 20px;
        }

#quick ul {
        margin: 0 0 0 20px;
        padding: 0;
        }

#quick ul li {
        margin: 0 20px 0 0;
        padding: 5px 0 4px 20px;
        }

#search form {
        margin: 0;
        padding: 1px 5px 1px 5px;
        }

#search #sub {
        margin-bottom: -1px;
        }

#search > #sub {
        margin-bottom: none;
        }

#sidebar {
        width: 20%;
        float: left;
        }

#menu li {
        list-style-type: none;
        }

#main {
        width: 80%;
        float: right;
        }

#menu ul {
        margin: 2.55em 0 0 20px;
        padding: 0;
        }

#menu ul li {
        margin: 10px 0 10px 0;
        padding: 0 0 0 0;
        }

#menu ul li a {
        margin: 0 0 0 0;
        padding: 0 0 0 20px;
        }

#menu ul ul {
        margin: 0.55em 0 0 20px;
        padding: 0;
        }

#menu ul ul li {
        margin: 5px 0 5px 0;
        padding: 0 0 0 0;
        }

#footer p {
        margin: 0 0 0 21px;
        }

#lining {
        margin: 2.5em 2em 4em 2em;
        }

#lining img {
        margin-top: 3px;
        margin-bottom: 1em;
        margin-left: 1em;
        }

#footer {
        height: 1.75em;
        margin: 0 auto;
        padding: 0;
        }

#footer p {
        padding: 0.25em;
        }

#idium {
        margin: auto;
        text-align: center;
        }


/* =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;
        }

#topnav a:link {
        text-decoration: none;
        }


/* =COLOURS 
-------------------------------- */

body {
        color: #102; /* SVART */
        background-color: #eef; /* LYSEST */
        }

#container {
        color: inherit;
        background-color: #b8b8bf; /* MEDIUM */
        }

#logo p {
        border-color: #b8b8bf; /* MEDIUM */
        color: #8f8f99; /* MOERK */
        background-color: transparent;
        }

#slogan {
        color: inherit;
        background-color: transparent;
        }

#slogan p {
        color: #fbf9fd; /* KVIT */
        background-color: #8f8f99; /* MOERK */
        background-image: url(/IPS/skins/layout01/resources/bluegray/bg_farge.png); /* MOERK */
        white-space: nowrap;
        overflow: hidden;
        }

#nav-wrap, 
#quick, 
#sidebar {
        color: inherit;
        background-color: #b8b8bf; /* MEDIUM */
        }

#quick a:link, 
#quick a:visited {
        color: #102; /* SVART */
        background-color: transparent;
        }

#quick a:hover, 
#quick a:active {
        color: #6d6d77; /* MOERKEST */
        background-color: transparent;
        }

#search {
        color: inherit;
        background-color: #b8b8bf; /* MEDIUM */
        }

#search form {
        color: inherit;
        background-color: #8f8f99; /* MOERK */
        background-image: url(/IPS/skins/layout01/resources/bluegray/bg_farge.png); /* MOERK */
        }

#under {
        color: inherit;
        background-color: #b8b8bf; /* MEDIUM */
        }

#menu ul li {
        color: #8f8f99; /* MOERK */
        background-color: transparent;
        }

#menu a:link, 
#menu a:visited {
        color: #fbf9fd; /* MENYLENKER */
        background-color: transparent;
        }

#menu a.menuCurrent:link, 
#menu a.menuCurrent:visited {
        color: #fbf9fd; /* MENYLENKER */
        background-color: transparent;
        }

#menu a:hover, 
#menu a:active {
        color: #ebe9ed; /* MENYHOVER */
        background-color: transparent;
        }

#main {
        color: #102; /* SVART */
        background-color: #fbf9fd; /* KVIT */
        }

#lining dl dt {
        color: #336; /* DT */
        background: transparent;
        }

#lining img {
        border-color: #435; /* BILDERAMME */
        }

#footer {
        color: #fbf9fd; /* KVIT */
        background-color: #d6d6e6; /* MEDIUM,lys */
        }

#footer p {
        color: #fbf9fd; /* KVIT */
        background-color: #b8b8bf; /* MEDIUM */
        background-image: url(/IPS/skins/layout01/resources/bluegray/bg_farge.png); /* MOERK */
        }

#footer a:link,
#footer a:visited {
        color: #fbf9fd; /* KVIT */
        background-color: transparent;
        }


/* =BACKGROUND IMAGES 
-------------------------------- */

#quick ul li#quick-home {
        background-image: url(/IPS/skins/layout01/resources/bluegray/ikon_forsiden.gif); /* MOERKEST */
        background-repeat: no-repeat;
        background-position: 0 5px;
        }

#quick ul li#quick-contact {
        background-image: url(/IPS/skins/layout01/resources/bluegray/ikon_kontakt.gif); /* MOERKEST */
        background-repeat: no-repeat;
        background-position: 0 5px;
        }

#quick ul li#quick-print {
        background-image: url(/IPS/skins/layout01/resources/bluegray/ikon_skrivut.gif); /* MOERKEST */
        background-repeat: no-repeat;
        background-position: 0 5px;
        }

#quick ul li#quick-sitemap {
        background-image: url(/IPS/skins/layout01/resources/bluegray/ikon_kart.gif); /* MOERKEST */
        background-repeat: no-repeat;
        background-position: 0 5px;
        }

/* Background properties 
=========================================== */

body {
        background-color: #e6e6f6; /* LYS */
        background-image: url(/IPS/skins/layout01/resources/bluegray/bg_skraastriper.png); /* LYS LYSEST */
        background-position: 0 -5px;
        }

#footer {
        color: #fbf9fd; /* KVIT */
        background-color: #e6e6f6; /* LYS */
        }


#logo p img {
        margin: 0 0 0 0;
        border-color: #b8b8bf; /* MEDIUM */
        border-width: 3px;
        border-style: solid;
        padding: 5px 5px 3px 5px;
        color: #8f8f99; /* MOERK */
        background-color: #fbf9fd; /* KVIT */
        }


#container {
        background-image: url(/IPS/skins/layout01/resources/bluegray/flat_moerkest.png);
        background-position: 0 -30px;
        background-repeat: no-repeat;
        }
/* =CornerShape 
====================================================== */

#slogan {
        background-image: url(/IPS/skins/layout01/resources/bluegray/rund.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: -2px -6px;
        }

#top-wrap > #slogan {
        background-image: url(/IPS/skins/layout01/resources/bluegray/rund.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 0 -5px;
        }

#search {
        background-image: url(/IPS/skins/layout01/resources/bluegray/rund.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 11px 0;
        }

#nav-wrap > #search {
        background-image: url(/IPS/skins/layout01/resources/bluegray/rund.gif); /* MOERK */
        background-repeat: no-repeat;
        background-position: 9px -2px;
        }

#menu ul li a:link,
#menu ul li a:visited {
        background-image: url(/IPS/skins/layout01/resources/bluegray/arrow-rund.gif); /* MENYLENKER */
        background-repeat: no-repeat;
        background-position: 0 -1px;
        }

#menu ul li a:hover,
#menu ul li a:active {
        background-image: url(/IPS/skins/layout01/resources/bluegray/arrow-rund-hover.gif); /* MENYHOVER */
        background-repeat: no-repeat;
        background-position: 0 -1px;
        }

#sidebar > #menu ul li a:link, 
#sidebar > #menu ul li a:visited, 
#sidebar > #menu ul li a:hover, 
#sidebar > #menu ul li a:active {
        background-position: 0 -2px;
        }

#footer {
        background-image: url(/IPS/skins/layout01/resources/bluegray/rund.gif); /* MOERK */s
        background-repeat: no-repeat;
        background-position: 0 -4px;
        }


/* =FONTS, TEXT, etc.  
-------------------------------- */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 80%;
        }

#slogan {
        font-size: 13px;
        text-align: right;
        letter-spacing: 0.1em;
        word-spacing: 0;
        }

#quick a:link, 
#quick a:visited {
        text-decoration: none;
        }
/*
#quick a:hover, 
#quick a:active{
        text-decoration: underline;
        }*/

#menu ul li {
        font-weight: bold;
        }

#menu a:link, 
#menu a:visited {
        text-decoration: none;
        }

#menu a.menuCurrent:link, 
#menu a.menuCurrent:visited {
        text-decoration: underline;
        }

h1 {
        font-size: 150%;
        }

h2 {
        font-size: 135%;
        }

h3 {
        font-size: 120%;
        }

h4, h5, h6 {
        font-size: 100%;
        }