﻿/**
 * Style sheet for www.compact.no
 * @ author: Tommy Eliassen, tommy@synlighet.no
 * @ date  : 26. nov 2008
 *
 * @ file  : style.css
 */

/**
 * General styles
 */
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1.5em; color: #000; background-color: #d9d9d9; text-align: center; } /* Center text to fix IE6 bug */
h1 { margin-bottom: 0.5em; font-size: 150%; line-height: 1.5em; } 
h2 { margin-top: 0.3em; margin-bottom: 0.5em; font-size: 130%; line-height: 1.5em; }
h3 { margin-bottom: 1em; font-size: 112%; }
h4 { font-size: 112%; }
h5 { }
h6 { }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: none; }
p { margin-bottom: 1em; }
a { color: #489144; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img[align=left] { margin-right: 1em; }
table { width: 100%; border-collapse: collapse; }
table th { text-align: left; }
table th, table td { padding: 2px 0; border-bottom: 1px solid #d9d9d9; }
ul { margin-left: 2em; list-style-position: outside; }

/* links in lists (ul) */
ul.linklist { margin-left: 0; padding-bottom: 3px; list-style: none; list-style-position: outside; }
ul.linklist li { padding: 3px 0; border-bottom: 1px solid #d9d9d9; }
ul.linklist li a { color: #000; }

/* necessary */
.clearBoth { visibility: hidden; clear: both; }



/**
 * Layout styles
 */
#brodsmulesti { margin: 0 auto; width: 960px; border-bottom: 0px solid #d9d9d9; text-align: left; line-height: 20px; } /* Left align text to fix the fix that fixed the IE6 bug */
#header { margin: 0 auto; width: 960px; height: 108px; border-bottom: 8px solid #d9d9d9; background-image: url(graphics/headerBackground.png); background-repeat: no-repeat; position: relative; text-align: left; } /* Left align text to fix the fix that fixed the IE6 bug */
#page { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; } /* Left align text to fix the fix that fixed the IE6 bug */
#frontpageTopContainer { background-image: url(graphics/background-1-1-1.png); background-repeat: repeat-y; border-bottom: 1px solid #d9d9d9; }
#frontpageBottomContainer { padding: 21px 0 0 0; background-image: url(graphics/background-0-1-1.png); background-repeat: repeat-y; }
#contentContainer { padding: 21px 0 0 25px; background-image: url(graphics/background-1-0-1.png); background-repeat: repeat-y; }
#footer { margin: 0 auto; padding-left: 21px; width: 939px; height: 55px; background-image: url(graphics/footerBackground.png); background-repeat: no-repeat; border-top: 1px solid #d9d9d9; text-align: left; } /* Left align text to fix the fix that fixed the IE6 bug */


/**
 * brodsmulesti styles
 */
#brodsmulesti p { margin: 0; }

/**
 * Header styles
 */
#header #menus .navigation { width: 480px; list-style: none; position: absolute; right: 180px; bottom: 40px; border-bottom: 1px solid #fff; }
#header #menus .navigation li { margin-left: 10px; margin-bottom: 10px; float: left; width: 95px; }
#header #menus .navigation li#homelink { margin-left: 0px; float: left; width: 40px; }
.navigation li a { color: #fff; font-weight: bold; display: block; }
.navigation li#homelink.section1 a,
.navigation li#section7.section7 a,
.navigation li#section8.section8 a,
.navigation li#section9.section9 a,
.navigation li#section10.section10 a { color: #a6c1a5; }
#header #menus #sitelinks { width: 470px; list-style: none; position: absolute; right: 170px; bottom: 20px; font-size: 100%; }
#header #menus #sitelinks li { margin-right: 10px; float: left; }
#header #menus #sitelinks li a:link { color: #fff; font-weight: bold; display: block; }
#header #menus #sitelinks li a:link.aktiv { color: #a6c1a5; }
#header #menus #sitelinks li a:visited { color: #fff; }
#header #menus #gcrieber { width: 137px; height: 70px; position: absolute; top: 20px; right: 20px; }
#header #menus #gcrieber img { border: 0 none; }
#header #menus #gcrieber a { outline: none; }


/**
 * frontpageTopContainer styles
 */
#frontpageTopContainer .frontpagecol { margin-right: 15px; padding-top: 21px; padding-right: 15px; padding-bottom: 15px; width: 205px; float: left; }
#frontpageTopContainer #frontpagecol1 { padding-left: 25px; }
#frontpageTopContainer #frontpagecol4 { margin-right: 0; padding-right: 0; }



/**
 * frontpageBottomContainer styles
 */
#frontpageBottomContainer .col { margin-right: 15px; padding-right: 15px; padding-bottom: 15px; width: 205px; float: left; }
#frontpageBottomContainer #col1 { padding-left: 25px; width: 440px; }
#frontpageBottomContainer #col3 { margin-right: 0; padding-right: 0; }
#frontpageBottomContainer .col h2 { margin-top: 0; }


/**
 * contentContainer styles
 */
#contentContainer .col { padding-right: 15px; padding-bottom: 15px; width: 205px; float: left; }

#contentContainer #col1 ul.linklist, #contentContainer #col1 ul.navigation { margin-bottom: 1em; padding-bottom: 1em; font-weight: bold; }
#contentContainer #col1 ul.linklist { border-bottom: 1px solid #a6c1a5; }
#contentContainer #col1 ul.linklist li, #contentContainer #col1 ul.navigation li { border-bottom: none; }
#contentContainer #col1 ul.linklist li a, #contentContainer #col1 ul.navigation li a { color: #489144; }
#contentContainer #col1 ul.linklist li.aktiv a, #contentContainer #col1 ul.navigation li.aktiv a { color: #333; }
#contentContainer #col1 ul.linklist li.menusub { margin-left: 20px; }
#contentContainer #col1 ul.navigation { padding-bottom: 1em; margin-left: 0; padding-bottom: 3px; list-style: none; list-style-position: outside; }
#contentContainer #col1 ul.navigation li { padding: 3px 0; }
#contentContainer #col1 ul.navigation li#homelink { display: none; }
#col1 .navigation li#homelink.section1 a,
#col1 .navigation li#section7.section7 a,
#col1 .navigation li#section8.section8 a,
#col1 .navigation li#section9.section9 a,
#col1 .navigation li#section10.section10 a { color: #000; }

#contentContainer #col2 { padding-left: 15px; width: 440px; }
#contentContainer #col2 h2 { margin: 0; padding-top: 1em; color: #000; }
/* nyhetsliste på nyhetsarkivsiden */
#contentContainer #col2 #bigNewslist { margin: 0; list-style: none; list-style-position: outside; }
#contentContainer #col2 #bigNewslist li { margin-bottom: 1em; }
#contentContainer #col2 #bigNewslist h2 { margin: 0; padding: 0; }
#contentContainer #col2 #bigNewslist p { margin: 0; }
/* form styles */
#contentContainer #col2 fieldset { margin-bottom: 1em; border: none; }
#contentContainer #col2 fieldset legend { margin-bottom: 0.5em; font-weight: bold; }
#contentContainer #col2 fieldset legend span.feil { font-weight: normal; color: red; }
#contentContainer #col2 fieldset ul { margin: 0; list-style: none; list-style-position: outside; }
#contentContainer #col2 fieldset ul.checkboxes li { margin-bottom: 3px; width: 220px; float: left; }
#contentContainer #col2 fieldset ul.checkboxes li label input { margin-right: 5px; }
#contentContainer #col2 fieldset ul.textfields li label { display: block; }
#contentContainer #col2 fieldset ul.textfields li label span.feil { color: red; }
#contentContainer #col2 fieldset ul.textfields li input { padding: 2px; width: 220px; }
#contentContainer #col2 fieldset ul.textfields li textarea { padding: 2px; width: 430px; height: 100px; }


#contentContainer #col3 { margin-right: 0; padding-left: 15px; padding-right: 0; }


/**
 * Footer styles
 */
#footer p {  line-height: 55px;  }
