/*
CSS-fil for Red & White 2006
http://www.redwhite.no

Laget av Eivind Savio 2006, http://www.savio.no
*/

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
html, body {
background: #FDFDFD;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
body {
font-size: 79%;
}
div { 
text-align: left;
}
hr { 
height:0; 
border-top: 1px dotted #C9C9C9; 
}
p {padding: 4px 0 4px 0;}
h2, h3, h4, h5 {
font-weight: bold;
color: #000;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 2px;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
a:link, a:visited {
color: #000099;
text-decoration: none;
}
a:hover{color: #999;}
h2 a, h3 a, h4 a {
text-decoration: none;
display: block;
color: #000 !important;
}
h2 a:hover, h3 a:hover, h4 a:hover{color: #999 !important;}
input, textarea, option, select {
border: 1px solid #999;
}
input, textarea, option {
margin: 2px 0 2px 0;
padding: 1px;
background: #F8F8F8;
color: #000;
}
input, textarea, select {
border-width: 1px;
font-size: 11px;
}
.clear { clear: both; }
.postButton {
cursor: pointer;
border: 0;
}
.postButton2 {
color: #000;
cursor: pointer;
background: #ccc;
}
.postButton2:hover { /*IE only understand :hover on a, so this won't work in IE.*/
color: #fff;
border: 1px solid #000;
background: #999;
}
.inputImage {
cursor: pointer;
}
.msg {color: #DF0026;}
.txt1 {font-weight: bold;}
.text1				{font-size: 1.1em;}
.text2				{font-size: 1em;}
.tblColor {background: #C9C9C9;}
.tblColor2 {background-color: #f5f5f5;}
.posthidden {display:none} 
#mainContainer {
margin: 0 auto;
width: 760px;
background: url(/layout/images/background_repeat.gif) #FFF repeat-y;
}
/**************************
HEADER
**************************/
#header {
width: 760px;
font-family:  Arial, Verdana, sans-serif;
}
#header ul {
list-style: none;
}
#logo {
width: 300px; 
height: 70px;
float: left;
background:url(/layout/header/logo.gif) no-repeat;			
}
/*Hey, let's redo a h1-tag to show our logo instead*/
#logo h1 {
overflow: hidden;
height: 70px;
width: 300px;
}
#logo h1 a {
display: block;
overflow: hidden;
padding: 70px 0 0 0;
background:url(/layout/header/logo.gif) no-repeat;
}
#logo h1 a:hover {
background-position: 0 0;
}
#headerRight {
float: right;
background:url(/layout/header/header-right.jpg) no-repeat;
width: 460px;
height: 70px;
}
.skip {
position: absolute;
top: -3000px;
}
#headerBottom {
float: left;
width: 760px;
background-color: #C92B5A;
font-size: 13px;
font-weight: bold;
color: #FFF;
}
#headerBottom ul {
padding: 5px 0 5px 5px;
}
#headerBottom li {
float: left;
display: inline;
}
#headerBottom a {
margin: 0 7px 0 7px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#headerBottom a:hover, #headerBottom .navSel a {
color: #C9C9C9;
}
#headerTrack {
float: left;
width: 750px;
padding: 5px 0 5px 10px;
color: #f5f5f5;
background-color: #C92B5A;
font-size: 11px;
}
#headerTrack li {
float: left;
display: inline;
margin: 0 5px 0 3px;
}
#headerTrack a {
color: #fff;
background:url(/layout/header/header-track-list.gif) top right no-repeat;
padding: 0 10px 0 0;
text-decoration: none;
}
#headerTrack a:hover {
color: #ccc;
background:url(/layout/header/header-track-list.gif) bottom right no-repeat;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 160px;  
border-right: 120px;
}
.inner {
width: 599px; /*** This width is for non-IE and IE7. Mozilla makes this necessary. ***/
}
.float-wrap {
float: left;
width: 632px;
margin-left: -160px;       /*** Same length as left column width ***/
padding-bottom: 30px;
}
#content {
float: right;
width: 470px;
padding: 3px 0 3px 0;
font-size: 0.9em;
background: url(/layout/images/background_logo.gif) no-repeat #fff;
min-height: 355px !important;
}
#content ul {margin-left: 10px; }
#content li {margin-left: 15px;}
#content td {
vertical-align: top;
}
.contentWrap1, .contentWrap2, .contentWrap3 {
width: 466px;
padding: 4px 0 7px 0;
}
.contentWrap1 {
border-bottom: 1px dotted #C9C9C9;
}
.contentWrap1 img {
margin: 2px 0 2px 0;
}
.contentWrap1 table{
border-collapse: collapse;
clear: both;
}
.contentWrap3 {
border-top: 1px dotted #C9C9C9;
}
.tblList {
border-collapse: separate;
}
.tblList tr:hover {
background: #EAEAEA;
}
.imgArt {
float:right;
margin: 0 2px 2px 2px;
}
ul.readMore {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-weight: bold;
font-size: 1.1em;

margin:0 !important;
}
ul.readMore li {
display: inline;
margin:0 !important;
}
ul.readMore a {
color: #000099;
padding: 3px 0 3px 0;
text-decoration: none;
}
ul.readMore a:hover {
color: #999;
} 
.wrapLeft {
float: left;
padding: 0 5px 10px 0;
}
.wrapRight {
float: right;
padding: 0 0 10px 5px;
}
.wrapLeft, .wrapRight {
width: 225px;
word-wrap: break-word;
}
.wrapLeft h3, .wrapRight h3 {
border-top: 1px dotted #C9C9C9;
padding-top: 5px;
}
.banner {
margin: 5px 0 5px 0;
}
.products {
margin: 5px 0 5px 0;
padding: 3px;
height: 20px;
font-size: 0.9em;
vertical-align: top;
border-collapse: collapse;
width:100%;					
}
.products td {
padding: 2px;
}
.products h4 a {
color: #000;
}
.contentWrap4 {
margin-top: 10px;
font-size: 0.9em;
}
.contentWrap4 h3 {
font-size: 12px;
background: #ffffe1;
padding: 5px 0 5px 0;
}
.contentWrap4 ul {
list-style: none;
margin: 0 10px 0 0 !important;
}
.contentWrap4  li {
border-top: 1px dotted #ccc;
margin: 0 !important;
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
/**************************
LEFT COLUMN
**************************/
#left {
float: left;
width: 150px;
margin-left: 1px;
font-size: 9px;
min-height: 250px !important;
}
#left table {
border-collapse: collapse;
}
#left table td {
border-collapse: separate;
}
.radColor {
border: none;
background: none;
}
.leftCol {
padding-left: 5px;
width: 144px;
}
.leftCol a {
text-decoration: none;
display: block;
}
.leftCol a:hover {
text-decoration: underline;
}
#left ul {
list-style:none;
}
.leftCol li {
padding: 4px 0 4px 0;
}
.leftCol2 {
width: 140px;
margin-left: 10px;
}
.leftMenu a {
font-size: 11px;
color: #000;
font-family: Arial, Verdana, sans-serif;
border-bottom: 1px solid #FAF8F8;
text-decoration: none;
width: 140px;
padding: 3px 5px 3px 5px;
display: block;
}
.leftMenu ul ul li a {
padding-left: 19px;
font-weight: normal;
width: 126px;
}
.leftMenu a:hover, .navSel2 {
color: #000 !important;
background: #f5f5f5;
}
.leftMenu a:visited {
color: #000;
}
.leftAd, .rightAd {
margin-top: 5px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 120px;
font-size: 9px;
min-height: 250px !important;
}
.rightCol {
padding: 0 2px 0 4px;
}
.rightCol td{
padding-left: 3px !important;
}
.rightCol ul {
list-style: none;
padding-bottom: 2px;
}
.rightCol li {
padding: 2px 0 2px 0;
border-top: 1px dotted #ccc;
}
.rightCol a {
color: #000;
text-decoration: none;
}
.rightCol a:visited {
color: #000;
}
.rightCol a:hover {
color: #999; 
}
#search {
margin: -1px 0 0 2px;
}
#left td, #right td {padding: 0;}
h3#poll {
background: url(/layout/icons/vote_heading.gif) no-repeat; 

display: block;
overflow: hidden;
padding: 14px 0 0 0;
height: 0 !important;
border-bottom: none !important;
margin-left: -1px;
}
#right h3 a {
margin-top: 5px;
display: block;
overflow: hidden;
padding: 24px 0 0 0;
height: 0 !important;
border-bottom: none !important;
margin-left: 2px;
}
h3#lastPublished {
margin: 5px -9px 0 -2px;
display: block;
overflow: hidden;
padding: 11px 0 0 0;
height: 0 !important;
width:117px;
background: url(/layout/icons/last_news.gif) no-repeat;
}
h3#dinside a {
background: url(/layout/icons/kundesider.gif) no-repeat; 
margin-left: -2px;
display: block;
overflow: hidden;
padding: 9px 0 0 0;
height: 0 !important;
width:117px;
}
h3#debatt a {background: url(/layout/icons/debatt.gif) no-repeat;}
h3#presseomtaler a {background: url(/layout/icons/presseomtaler.gif) no-repeat;}
h3#debatt a:hover, h3#presseomtaler a:hover {background-position: 0 -66px !important;}
h3#dinside a:hover {background-position: 0 -79px !important;}
h3#rss a {background: url(/layout/icons/rss.png)  no-repeat; 
margin: 5px -9px 0 4px;
}
/**************************
FOOTER
**************************/
#footer {
margin: 0 auto;
font-size: 0.9em;
width: 760px;
}
#footer table {
border-collapse: collapse;
}
#footer a {
text-decoration: none;
}
#footerLeftBottom {
float: left;
position: relative;
margin: -26px 0 0 1px;
background: #f5f5f5;
}
#footerTip {
float:left;
margin-top: -14px;
position: relative;
margin-left: 160px;
font-weight: bold;
}
#footerText {
width: 760px;
border-top: 20px solid #C92B5A;
clear: left;
padding-top: 5px;
text-align: center;
background-color: #FDFDFD;
}
/**************************
EXTRA / STATISTIC
**************************/
#faktaramme {
border: 1px solid #000;
background: #ffffe1;
margin: 2px 3px 2px 3px;
}
#faktaramme td {
padding: 8px;
}
#count {
display: none;
visibility: hidden;
position: absolute;
top: -200px;
}