/* =LAYOUT (and WIDTHS and things, inc. text-aligns ...) 
-------------------------------- */

#container {
        width: 750px;
        }

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

#slogan {
        float: right;
        width: 60%;
        text-align: right;
        }

#menu {
        clear: both;
        width: 750px;
        height: 1.95em;
        }

#top-wrap > #menu {
        height: 2.05em;
        }

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

#menu ul li a {
        display: block;
        }
/*
#menu {
        clear: both;
        width: 100%;
        height: 1.95em;
        }

#top-wrap > #menu {
        height: 2.05em;
        }

#menu ul {
        width: 100%;
        }

#menu ul li {
        float: left;
        }

#menu ul li a {
        display: block;
        width: 116px;
        text-align: center;
        }

#menu ul li.home a {
        width: 115px;
        }*/

#nav-wrap {
        width: 100%;
        height: 2.2em;
        text-align: left;
        }

#quick {
        float: right;
        width: 500px;
        }

#quick ul li {
        float: right;
        }

#quick ul li a {
        display: block;
        }

#search {
        float: left;
        }

#search #query {
        width: 100px;
        }

#search #searchSubmit {
        width: 40px;
        }

#under {
        clear: both;
        }

#main {
        width: 100%;
        text-align: left;
        }

#lining img {
        float: right;
        }

#main .top, 
#main .top div, 
#main .bottom, 
#main .bottom div {
        clear: both;
        width: 100%;
        height: 8px;
        }

#footer {
        clear: both;
        width: 100%;
        text-align: center;
        }

#footer .bottom {
        height: 8px;
        }

#footer .bottom div {
        height: 8px;
        }


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

body {
        margin: 0;
        border: 0;
        padding: 10px;
        }

#container {
        margin: auto;
        }

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

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

#quick {
        margin-bottom: 0;
        padding: 2px 0 3px 0;
        }

#quick ul {
        margin: 0;
        padding: 0 1.85em 0 15px;
        }

#quick > ul {
        margin: 0;
        padding: 4px 1.85em 2px 15px;
        }

#quick ul li {
        margin: 0 0 0 1.25em;
        padding: 5px 0 5px 0;
        }

#quick > ul li {
        margin: 0 0 0 1.25em;
        padding: 0 0 2px 0;
        }

#quick ul li a {
        padding: 0 0 0 1.5em;
        }

#search {
        padding: 3px 0 2px 11px;
        }

#nav-wrap > #search {
        padding: 0px 0 2px 11px;
        }

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

#search #searchSubmit {
        margin-bottom: -2px;
        }

#search div > #searchSubmit {
        margin-bottom: none;
        }

#container > #under {
        margin: auto;
        }

#menu {
        }

#menu ul {
        margin: auto;
        padding: 0;
        }

#menu ul li {
        margin: 0;
        border: 0;
        padding: 0;
        }

#menu a {
        margin: 0;
        padding: 4px 12px 3px 12px;
        }
/*
#menu ul {
        margin: auto;
        padding: 0;
        }

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

#menu ul li a:link, 
#menu ul li a:visited {
        margin: 0;
        border-width: 0 1px 0 0;
        border-style: solid;
        padding: 0.35em 0 0.4em 0;
        }

#menu ul li.home a {
        border-width: 0 0 0 0;
        border-style: solid;
        }*/

#nav-wrap {
        margin: auto;
        padding: 0;
        }

#main {
        margin: 0;
        }

#lining {
        padding: 0 2em;
        }

#lining img {
        margin: 3px 0 1em 1em;
        }

#footer {
        margin: 0;/*
        border-width: 2px 0 0 0;
        border-style: solid;*/
        padding: 0;
        }

#footer p {
        margin: 0 0 -5px 0;
        padding: 8px 3px 0 3px;
        }

#footer > p {
        margin: 0 0 0 0;
        padding: 6px 3px 0 3px;
        }



/* =MENU 
-------------------------------- */

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

#menu ul li a:link, 
#menu ul li a:visited {/*
        border-right: 1px solid #fff;*//* bør vekk */
        }

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


/* =QUICKMENU 
-------------------------------- */

#quick ul li {
        background-position: 0 5px;
        list-style-type: none;
        }

#quick > ul li {
        background-position: 0 0;
        list-style-type: none;
        }

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


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


/* =MENU, rullegardin, topp 
-------------------------------- */

a.menuontop, 
a.menuofftop {
        padding: 4px 16px 4px 16px;
        font-size: 13px;
        font-weight: bold;
        }

a.menuontop {
        text-decoration: none !important;
        }

a.menuon:link, 
a.menuon:visited, 
a.menuon:hover, 
a.menuon:active, 
a.menuoff:link, 
a.menuoff:visited, 
a.menuoff:hover, 
a.menuoff:active {
        margin: 0;
        border-width: 1px;
        border-style: solid;
        padding: 3px 15px 3px 15px;
        font-size: 13px;
        font-weight: bold;
        }

a.menuon, 
a.menuoff {
        font-weight: bold;
        }

#menucell {
        padding-bottom: 3px;
        font-weight: bold;
        }

#pulldown-top {
        clear: both;
        }


/* =COLOURS and BACKGROUNDS 
-------------------------------- */

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

#container {
        color: inherit;
        background-color: #c6c6d6;  /* MEDIUM,lys */
        }

#top-wrap {
        color: inherit;
        background-color: transparent;
        }

#slogan {
        color: #e6e6f6;  /* LYS */
        background-color: transparent;
        }

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

#menu {
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        }

#menu ul li a:link, 
#menu ul li a:visited {
        border-color: #fbf9fd;  /* KVIT */
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        }

#menu ul li a:hover, 
#menu ul li a:active {
        color: #fbf9fd;  /* KVIT */
        background-color: #667;  /* MOERKEST */
        }

#menu ul li.home a {
        border-color: #fbf9fd;  /* KVIT */
        }

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

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

#search {
        color: #102;  /* SVART */
        background-color: transparent;
        }

#menu {
        color: inherit;
        background-color: #889;  /* MOERK */
        }

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

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

#lining {
        color: inherit;
        background-color: #fbf9fd;  /* KVIT */
        }

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

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

#footer {/*
        border-color: #eef;  /* LYSEST */*/
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        }

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

.menuoff, 
.menuoff_side, 
.menuofftop_side {
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        border: none !important;
        text-align: center !important;
        }

.menuCurrent, 
.menuon, 
.menuon_side, 
.menuontop_side {
        color: #102;  /* SVART */
        background-color: #b8b8bf;  /* MEDIUM */
        border: none !important;
        }

.menuon {
        text-decoration: none;
        }



/*
.menuActive {
        color: #fbf9fd;   KVIT 
        background-color: #393;   MEDIUM 
        }*/
/*
.menuInactive {
        color: #fbf9fd;   KVIT 
        background-color: #00c;   MEDIUM 
        }*/


/* =COLOURS and BACKGROUNDS 
-------------------------------- */

#quick ul li#quick-home {
        background-image: url(/IPS/skins/layout08/resources/bluegray/ikon_forsiden.gif);
        background-repeat: no-repeat;
        }

#quick ul li#quick-contact {
        background-image: url(/IPS/skins/layout08/resources/bluegray/ikon_kontakt.gif);
        background-repeat: no-repeat;
        }

#quick ul li#quick-print {
        background-image: url(/IPS/skins/layout08/resources/bluegray/ikon_skrivut.gif);
        background-repeat: no-repeat;
        }

#quick ul li#quick-sitemap {
        background-image: url(/IPS/skins/layout08/resources/bluegray/ikon_kart.gif);
        background-repeat: no-repeat;
        }


/* =MENU, rullegardin, topp, farger 
-------------------------------- */

a.menuontop, 
a.menuofftop {
        color: #102;  /* SVART */
        }

a.menuon, 
a.menuoff {
        color: #102;  /* SVART */
        }

a.menuon, 
a.menuoff {
        border-color: #a6a6b6;  /* MEDIUM */
        color: #102;  /* SVART */
        background-color: #e6e6f6;  /* LYS */
        }






#menu {
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        }

#menu ul li a:link, 
#menu ul li a:visited {
        border-color: #fbf9fd;  /* KVIT */
        color: #fbf9fd;  /* KVIT */
        background-color: #889;  /* MOERK */
        }

#menu ul li a:hover, 
#menu ul li a:active {
        color: #fbf9fd;  /* KVIT */
        background-color: #667;  /* MOERKEST */
        }

#menu ul li.home a {
        border-color: #fbf9fd;  /* KVIT */
        }

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

body {
        background-color: #e6e6f6; /* LYS */
        background-image: none;
}


#container {
        background-image: url(/IPS/skins/layout08/resources/bluegray/hoestloev_tinted.png);
        background-position: right -30px;
        background-repeat: no-repeat;
        }

/* =CORNERS, #top-wrap 
-------------------------------- */

#top-wrap {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-left.png);
        background-repeat: no-repeat;
        background-position: top left;
        }

#slogan {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-right.png);
        background-repeat: no-repeat;
        background-position: top right;
        }

#quick {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-right.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        }

#nav-wrap {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-left.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        }


/* =CORNERS, #main 
-------------------------------- */

#main .top div {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-left.png);
        background-repeat: no-repeat;
        background-position: top left;
        }

#main .top {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-right.png);
        background-repeat: no-repeat;
        background-position: top right;
        }

#main .bottom {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-left.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        }

#main .bottom div {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-right.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        }


/* =CORNERS, #footer 
-------------------------------- */

#footer {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-left.png);
        background-repeat: no-repeat;
        background-position: top left;
        }

#footer p {
        background-image: url(/IPS/skins/layout08/resources/bluegray/top-right.png);
        background-repeat: no-repeat;
        background-position: top right;
        }

#footer .bottom {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-right.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        }

#footer .bottom div {
        background-image: url(/IPS/skins/layout08/resources/bluegray/bottom-left.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        }


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

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

#slogan {
        font-size: 145%;
        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%;
        }

.menuCurrent a:link, 
.menuon a:link, 
.menuon_side a:link, 
.menuontop_side a:link, 
.cdark a:link, 
.bglight,
.bgdark a:link, 
.menuActive a:link, 
.menuInactive a:link, 
.menuoff a:link, 
.menuoff_side a:link, 
.menuofftop_side a:link, 
div.innerbox a:link, 
td#bottom_left div.lightfiller a:link, 
td#bottom_right div.lightfiller {
        font-weight: bold;
        }