/*
CSS-file Torun Eriksen
http://www.toruneriksen.no

Made by Eivind Savio 2007
*/
* /*Set's border, padding and margin to 0 for all values*/
{
border: 0;
padding: 0;
margin: 0;
}
html, body {
color: #000;
font-family: Verdana, Arial, Tahoma, sans-serif;
background: url(/layout/images/background.gif);
text-align: center;
}
body {
font-size: 73%;
}
a {
color: #4A95BA;
}
/*a:visited {
color: #008348;
}*/
a:hover {
color: #008348;
text-decoration: none;
}

h2, h3, h4 {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
color: #000;
}
h3, h4 {
margin: 5px 0 5px 0;
}
h2 {
font-size: 1.5em;
margin-bottom: 5px;
}
h2 a, h3 a, h4 a {
color: #000;
text-decoration: none;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
p {
margin: 6px 0 8px 0;
}
div, td {
text-align: left;
}
td {
vertical-align: top;
border-collapse: collapse;
padding: 2px;
}
legend { display: none }
input {
margin: 2px 0 2px 0;
}
input, textarea, select {
background: #FCFCFC;
border: 1px solid #99A9AD;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
background: #F8F4F1;
}
input, textarea, select, option {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 2px;
}
.postButton {
color: #fff;
background: #000;
cursor: pointer;
padding: 3px;
font-weight: bold;
}
.postButton:hover { /*IE only understand :hover on a, so this won't work in IE.*/
background: #008348;
}
.msg {
color: #CC0000;
}
.text1 {
font-weight: bold;
}
#mainContainer {
width: 775px;
background: #FBFCFE;
margin: 0 auto;
margin-top: 15px;
padding: 0 5px 0 5px;
}
/**************************
HEADER
**************************/
#header {
width: 775px;
}
#logo {
width: 180px; 
height: 45px;
background:url(/layout/header/logo.gif) no-repeat;
float:right;			
}
/*Hey, let's redo a h1-tag to show our logo instead*/
#logo h1 {
overflow: hidden;
width: 180px; 
height: 45px;
}
#logo h1 a {
display: block;
overflow: hidden;
padding: 45px 0 0 0;
background:url(/layout/header/logo.gif) no-repeat;
}
#logo h1 a:hover {
background-position: 0 0;
}
#headerTop .lang {
color: #fff;
text-decoration: underline;
}
#Menu {
width: 585px;
background-color: #FBFCFE;
font-size: 10px;
color: #5E7D85;
padding: 5px 0 5px 5px;
text-align: left; /* We are using text-align: center on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either left or right */
}
#Menu li {
display: inline;
}
#Menu li a, #headerMenu a {
margin: 0 3px 0 5px;
font-weight: bold;
color: #5E7D85;
text-decoration: none;
}
#Menu li a:hover, #Menu li a.navSel, #headerMenu a:hover, #headerMenu a.lang {
text-decoration: underline;
}
#Menu #subMenu {
float: left;
text-align: left; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will get the alignment from "mother" settings */
padding: 3px 0 3px 0;
width: 100%;
}
#subMenu li a {

color: #A1911B;
}
#headerMenu {
position: relative;
z-index: 10;
float: right;
font-size: 10px;
color: #fff;
margin: -25px 10px 0 10px;
}
* html #headerMenu {
margin-right: 5px;
}
ul#headerMenu  {
list-style-type: none;
}
ul#headerMenu li {
float: left;
display: inline;
}
a#sitemap { 
background: url(/layout/icons/sitemap-icon.gif); 
display: block;
overflow: hidden !important;
padding: 12px 0 0 0;
height: 0 !important;
width: 16px !important;
}
#headerRight {
text-align: center;
margin: 10px 0 0 0;
}
#headerTrack {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
color: #42575D;
height: 23px;
margin: 0 0 0 20px;
padding: 3px 0 0 0;
}
#headerTrack ul {
list-style-type: none;
}
#headerTrack li {
display: inline;
margin: 0 5px 7px 3px;
}
#headerTrack  a {
color: #5E7D85;
padding: 0 12px 0 0;
text-decoration: none;
background:url(/layout/header/header-track-list.gif) top right no-repeat;
}
#headerTrack a:hover {
color: #7CA6B1;
background:url(/layout/header/header-track-list.gif) bottom right no-repeat;
}
/**************************
CONTENT
**************************/
#content {
margin: 0 auto;
width: 700px;
padding-bottom: 10px;
min-height: 150px;
}
* html #content {
height: 150px;
}
#content img {
margin: 0 3px 1px 3px;
}
#content ul, #content ol {
margin: 6px 0 8px 30px;
}
#content li {
margin: 3px 0 3px 10px;
}
.contentWrap1 {
margin-bottom: 10px;
padding: 0 10px 3px 5px;
}
#contentWrap1 img {
margin: 2px 3px 3px 3px;
}
.wrapLeft {
clear: both;
float: left;
padding: 0 5px 10px 0;
}
.wrapRight {
float: right;
padding: 0 0 10px 5px;
}
.wrapLeft, .wrapRight {
width: 330px;
border-top: 1px solid #99A9AD;
}
.wrapLeft h3, .wrapRight h3, .contentWrap2 h3 {
padding-top: 5px;
}
.contentWrap2 {
padding-bottom: 10px;
}
.contentWrap3 {
margin-bottom: 10px;
}
ul.readMore, ul.artDate {
padding: 0 !important;
margin: 0 !important;
font-family: Arial, Tahoma, Verdana, sans-serif;
}
ul.readMore li, ul.artDate li {
display: inline;
margin: 0 !important;
}
ul.readMore li a {
font-weight: bold;
}
.artDate {
font-style: italic;
font-size: 0.9em;
margin: -2px 0 -2px 0;
}
.imgCls {
margin: 0 0 4px 4px;
float:right;
}
.imgCls2 {
margin: 0 4px 4px 0;
float:left;
}
.dateDetail {
font-style: italic;
}
ul.imgWrap {
list-style-type: none;
margin: 12px 0 0 0 !important;
padding: 0 !important;
}
.imgWrap li {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.imgWrap img {
vertical-align: top;
}
/**************************
FOOTER
**************************/
#footer {
clear:both;
margin: 0 auto;
width: 775px;
font-size: 10px;
background: #FBFCFE;
padding: 5px 5px 0 5px;
color: #5E7D85;
}
#footer a {
color: #5E7D85;
text-decoration: underline;
}
#footer a:hover {
color: #E09F03;
text-decoration: none;
}
#footerText {
min-height: 42px;
width: 775px;
padding: 10px 0 0 0;
text-align: center;
background: url(/layout/images/footer-background.gif) no-repeat center bottom #FBFCFE;
}
* html #footerText {
height: 42px;
}
#footerBottom {
height: 10px;
width: 775px;
background: #FBFCFE;
}
/**************************
EXTRA
**************************/
.clear {clear:both;}
#count {
display: none;
position: absolute;
top: -200px;
}