/* basic */
/* always set margins and paddings to zero, removing the default values - add more elements here as needed*/
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li {
	margin: 0;
	padding: 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* fix to the exaggerated text resizing of IE6 and IE7 */
    line-height:1em; /* 16x1=16px */
    padding:0;
    margin:5px 0 0; 
    color:#000000;
    background: #D9D9D9;
    text-align: left;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:0;
	margin:0;
}

h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 3em; /* 16x1.636=36px (18px*2) */
}
h2 {
	font-size:1em; /* base title - adjust in link*/
}
h4 {
	font-size:1.25em;
	font-weight: bold;
}

div { 	overflow:hidden;  }

/* list styles */
.dateTime, .time {
    font-size:10px;
    color: #009fda;
}

.bold {	font-weight: bold;}

/* links */
a:link, a:active, a:visited {	text-decoration: none;}
a:visited {	color: #000099;	}
a:hover {    color: #3953a4;    }
a.cursor {    cursor: pointer;  }
a.black {     color: #000;      }

/* images */
div.image img, div.left img, div.right img {	border: 0px;	z-index: 1;	}
div.left div.image, div.right div.image  {    margin: 0;
/*    margin-right: 10px; og      margin-left: 10px; */
}

div.none div.image {    margin: 0;  }
p.leadText img {    border: 0;	}

div.funcColumn div.image {  margin:0;    line-height: 0; /* img spacing fix */}
div.funcColumn div.image img {    border: 0;	}
div.funcColumn div.image a {    display: block; /* img spacing IE fix */}

/* positioning */
.left {	float: left;	width: auto; }
.right { float: right;	width: auto; }

/* Related content lists */
ul.relatedContent, #miniGrid ul.relatedContent {
    font-size: 0.6875em;
    margin: 0;
    padding: 5px 0 3px;
    position: relative;
}
#miniGrid ul.relatedContent{font-size: 0.8em;}

ul.relatedContent li, #miniGrid ul.relatedContent li {
    list-style-image: none; /* correct use of list-style attributes, these doesn't apply to a ul element, but the li elements */
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 14px;
    top: 0;
    vertical-align: text-top;
    line-height: 13px;
    background: transparent url(../img/iconSprites.gif) 0 2px no-repeat; /* use icons from css sprites */
}

div.bigStory ul.relatedContent li {
    padding: 0px 4px 4px 12px;
    float: left;
}

 ul.relatedContent li a, #miniGrid ul.relatedContent li a {	font-weight: bold; }
 ul.relatedContent li.relatedNews, #miniGrid ul.relatedContent li.relatedNews {
	background-position: 0px -360px; /* set position to icon here */
}
ul.relatedContent li.relatedVideo, #miniGrid ul.relatedContent li.relatedVideo {
	background-position: 0px -396px; /* set position to icon here */
}
 ul.relatedContent li.relatedAudio, #miniGrid ul.relatedContent li.relatedAudio {
	background-position: 0px -436px; /* set position to icon here */
}

/* Article list */
#functionWrapper ul.articleList {    font-size: 0.75em;}
#functionWrapper ul.articleList li {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    border-bottom: 1px solid #E6E6E6;
}
#functionWrapper ul.articleList span.time {
    color: #00529E;
    background-color: #E6E6E6;
    width: 32px;
    float: left;
    line-height: 14px;
    font-size: 10px;
    margin: 3px 0
}

#functionWrapper ul.articleList a {
    width: 282px; /* +32 = 320px (width of funcColumn) */
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    float: left;
    line-height: 14px;
}

#functionWrapper ul.articleList div.image a {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#functionWrapper ul.articleList a:hover {    background-color: #E6E6E6;  }

#functionWrapper ul.articleList a.lesMer {
    display: block;
    color: #00529E;
    font-weight: bold;
}

#functionWrapper ul.articleList a.articleListFullWidth {     width: 320px; }
#functionWrapper ul.articleList div.image a{     width: 320px;   }

#functionWrapper ul.articleList li p {
    line-height: 1.125em;
    margin-bottom: 10px;
    display: block;
    clear: left;
}

#functionWrapper ul.articleList li p.dateTime {     margin-bottom: 0px; }

#functionWrapper ol.eae-list li { margin-left: 2em; font-size: 0.85em; padding-top: 4px; }
div#content  ol.eae-list li p {	margin-bottom: 0;}
/**
 * Common right column styles - space and float
 */

div.pad, div.footer{    float: left;    margin-bottom: 4px;    width: 320px; }
div.footer {    border-bottom: 1px solid #E6E6E6;    margin-bottom: 8px; }
div.functionSeperator {   height: 15px;    width: 100%;    float: left;}

div.rightGroup div.left, div.rightGroup div.rightText {	float: left;	width: auto;}
div.rightStoryBig, div.rightStorySmall, div.rightText {	float: left;}
    
div.rightStoryBig {	width: 320px;	padding-right:0px;	padding-bottom:8px;}
div.rightStorySmall {		padding-bottom:8px;	}

div.frontPagetext div.rightStorySmall, div.frontPagehalf div.rightStorySmall { width: 320px;    }
div.frontPageimage div.rightStorySmall{ width: 100px;	padding-right:6px;}

div.frontPagehalf div.rightStorySmall div.image { padding-right: 4px; margin-right: 4px;}

div.funcColumn {	float: left;	width: 320px;	padding-left:	0px;	padding-right: 0px;    }

div.funcColumn ul {	list-style:none;	padding:0;	margin:0; }
div.funcColumn ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	width: 298px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.funcColumn ul li a {  	color: black; }

div.clearAll, br.clearAll {	clear: both;}

/**
 * Header
 */
div#headerWrapper {
      width: 998px;
      border-top: 2px solid #E6E6E6;
}

div#header {
    background: #ffffff;
    margin-top: 16px;
    margin-bottom: 16px;
}

div#header div.main {
    width: 802px;
    float: left;
    height: 68px;
}

div#header a#logo {
    height: 68px; 	width: 338px; 	float: left;
    text-indent:-9999px; outline:none;
    background: transparent url(../img/fvn.no.png) no-repeat 0 0;
}
div#header div#hypeHeader {
    float:left;
    height: 70px;
    margin-top:6px;
    width: 280px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 12px;
}
div#header div#hypeHeader p {
    font-size: 11px;
}

div#header h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 18px;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
   
/**
* Right column story widgets and skin
**/
div.listDefault, div.headerDefault {
    width: 320px;	height: 22px;	float: left;
    border-top: 8px solid #00ABE6;
}
div.listDefault h4, div.headerDefault h4 { padding-top: 2px;}

#functionWrapper h4 {
    text-transform: uppercase;    letter-spacing: 0px;
    font-weight: bold;    font-size: 15px;
}

div.Fotball   {	border-top-color: #99211C;	}
div.Sport  {	border-top-color: #99211C;	}
div.Tema  {	border-top-color: #7E8648;    }
div.Bolig  {	border-top-color: #038E90;   	}
div.Reise {	border-top-color: #008F91;   	}
div.Kultur {	border-top-color: #7b2365;  	}
div.Lokalt {	border-top-color: #6894BD;	}
div.Mening {	border-top-color: #00ABE6;   	}
div.Nyhet {	border-top-color: #00529E;   	}
div.DinMat {	border-top-color: #BCB49E;    }
div.fvntv {	border-top-color: #3953a4;    }
#functionWrapper div.fvntv {	height: 35px; border-top-width: 0;   }

div.Fotball h4, div.Fotball h4 a { color: #99211C;	}
div.Sport h4, div.Sport  h4 a {	color: #99211C;	}
div.Tema  h4, div.Tema  h4 a {	color: #7E8648;    }
div.Bolig h4, div.Bolig h4 a {	color: #038E90;   	}
div.Reise h4, div.Reise h4 a {	color: #008F91;   	}
div.Kultur h4, div.Kultur h4 a {	color: #7b2365;  	}
div.Lokalt h4, div.Lokalt h4 a {	color: #6894BD;	}
div.Mening h4, div.Mening h4 a {	color: #00ABE6;   	}
div.Nyhet h4, div.Nyhet h4 a {	color: #00529E;   	}
div.DinMat h4 a {	color: #BCB49E;    }
div.fvntv h4 a {	color: #3953a4;    }

div#rightAds div#listWrapper { width: 180px; float: none; }
div#rightAds div.listDefault h4 { font-size: 12px;}
div#rightAds div.listDefault { width: 180px; border-top-width: 6px;}
div#rightAds ul.articleList a {font-size: 12px;}

div#spinner {
	background: transparent url(../img/spinner2.gif); 
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin:8px;
	overflow:hidden;
	position:relative;
}
div#review img {    float: left;}
div#review span {
    position: relative;
    margin-left: 5px;
    height: 29px;
    top: 5px;
    font-family: "Arial Black", Helvetica, sans-serif;
    font-size: 1em; /* 16px */
    font-weight: normal;
}
div#review span.reviewFrontpage {
    top: 0;
    font-size: 0.9em;
}
#functionWrapper div#articleListImageWrapper {	float:left;}
#functionWrapper div#articleListImageWrapper div.funcColumn ul.articleList a {    width: auto;}
#functionWrapper div#articleListImageWrapper div.funcColumn ul.articleList a.articleListFullWidth {    width:300px;}


/**
 * Tinyspace
 */
span.tinySpace {    width: 0;    font-size: 1px; /* safari */    font-size: 0px;    line-height: 1px;}

flashLoadingBorder {	border: solid 1px #c0c0c0;	width: 150px;}
.flashLoading {	font-family: Arial, Helvetica, sans-serif;	color:#666666;	font-size: 11px;	background-color: #efefef;	border: 1px solid #FFFFFF;
}

/**
 * Blogroll
 */
div.heading_comments, div.innlegg h2, div.post_date_badge, div.innlegg div.clear { display: none; }

div.blog div.header { padding-top: 8px; }
div.blog div.header h3 { font-size: 1.6em; line-height: 1.15em; }
div.blog h4 { font-size:1.2em; line-height: 1em; padding-top: 4px; }

#functionWrapper div.blog h4 { width:100%;}
#functionWrapper div.blog div.smallstory{
    border-top:1px solid #CECECE;
    padding-bottom:4px;    padding-top:8px;
    font-size: 0.8em;
}
#functionWrapper div.blog p.leadText { float: left; }

/**
 * Lokale funksjoner - promo
 */
div.funcColumn div#tegneserier {    width: 302px; }
div.funcColumn div#tegneserier h4 {    display: table;     width: 100px; }

div.twit { float: left; }
div.twit div.header { background: url(../img/logo/twitter.gif) no-repeat 0px 0px; height:33px; }
#functionWrapper div.twit div.header h4 { float: right; padding: 5px 8px; border: 0; color: white;}
div.twit span.time a, div.twit div.header h4 a { color: #009FDA;}
div.twit span.time  { color: #B0B0B0;}

span.info { font-size: 9px;}
.info .Lett { color: green;}
.info .Middels { color: orange;}

/**
 * Tips og del artikkel
 */
div#fp_tip, .tipline { font-size: 14px; }
div#fp_tip { padding-top: 6px;}

div#fp_tip .tipTitle, .tipline .tipTitle  {  float: left; color: #00ABE6;
     font-family: "Arial Black",Helvetica,sans-serif; font-weight: normal;
     margin-right: 4px; text-transform: uppercase; cursor: pointer;}
.MellomBla .tipline .tipTitle  {  color: #00529e;}

.tipline{   padding: 2px; font-weight: bold; width: 100%;}

 ul.tip li {
    list-style-image: none; list-style-position: outside; list-style-type: none;
    margin: 0;  padding: 2px 0 5px 22px; top: 0;
    float: left; vertical-align: text-top; line-height: 13px;
    background: transparent url(../img/fvn_tip.gif) 0 2px no-repeat;
 }
ul.tip li.t { background-position: 0px 0px; }
ul.tip li.m { background-position: 0px -20px; }
ul.tip li.e { background-position: 0px -40px; }
ul.tip li.e a { text-transform:none; }

.column .tipline .tipText { display: none; }
.column .tipline li{   font-weight: normal;}

.fvnMailForm .tip03811Meta { padding-top: 5px;  float: left; width: 135px; text-align: right; }
.fvnMailForm .tip03811Input { padding-top: 5px; float: right; width: 270px; }
.fvnMailForm  input { width: 170px;}
.fvnMailForm textarea { width: 265px; height: 70px;}


/**
 * classified ads
 */
#Classified  { width: 320px; }
#rightAds #Classified  { width: 180px; }
div#Classified  div.ad { width: 320px; padding-top:4px; }
div#Classified div.box{ height:140px;  border:solid 1px #bcb3bf;  border-top:solid 5px #a2d2ee;  padding:0px;  background-color:#f3f3f3;}
#finn {	width:135px; float: left; }
#finn TD, #finn TH, #finn TABLE, #finn P { font-size: 11px;	}
#finn a {	color:#000066;	text-decoration:none;	display:block;	}
#finn a:hover {	color:#3366FF;	text-decoration:underline;	}
#finn a.aLn {	color:#000066;	text-decoration:underline;	font-weight:normal;	}
#finn a.aLn:hover { color:#3366FF;	text-decoration:underline;	}
#finn .logo {	text-align:center;    margin-bottom:5px;	}
#finn IMG {	border:0px;	}
#finn TABLE {	padding:0px; margin:4px 2px 2px 2px; align: center;    width: 80%;    }
#finn TD {	text-align:right; width:50%; padding:0px; }
#finn TH {	font-weight:bold; text-align:left; width:50%; padding:0px;	}
#finn P {	font-weight:bold; text-align:center; margin: 0px;	}

#finnGuide{   float: right;   width:170px;  position: relative; }
#finnGuide img {    border: none;    padding: 5px 0px 0px 3px;}
#finnGuide .slogan {    color:#000066;    font-size:11px;    padding-left: 5px;    font-weight: bold;}
#finnGuide .button {    color: white;    font-weight: bold;    background-color: #0099FF;
    border-top: 1px solid #6CC4FF;    border-right: 1px solid #0068AD;    border-bottom: 1px solid #00497A;    border-left: 1px solid #38AFFF;
    cursor: pointer; padding: 0px 1px 1px 0px;
}
#finnGuide form { padding: 0px; margin: 0px; }
#finnGuide .input{ width:100px; height:14px; color:#aaa; font-size:0.65em; margin-left:3px; margin-right:3px;}
#finnGuide ul.links {clear:both; display:block; width:160px; list-style:none; margin:4px 0px 0px 10px; padding:0px; font-size:0.65em;}
#finnGuide ul.links li.pipe {color:#d1d1d1;margin-left:3px;margin-right:3px;}
#finnGuide ul.links li {float:left;}
#finnGuide ul.links li a{color:#2f4e6d;font-weight:bold;}
#finnGuide a.aLn { font-size: 12px; }
div.taxForm { padding: 0px; }

/**
* story classes - shaded backgrounds
*/
.Hvit {  background-color: #ffffff;  }
.fvn, .Hvit, .Gra1, .Gra, .Gra2, .Gra3, .DinMat { color: #000000; }
.Gra4, .MorkGra, .Gra5, .Gra6, .Sort, .Mork,
.Magenta, .Gronn, .Sjoko, .Krem, .MorkBla
{ color: #ffffff; }
 
 div.Mork a,  div.Krem a,  div.MorkBla a
{ color:#ffffff;  }

 div.Invers div.runningHead { background-color: #000000; color: #FFFFFF; padding: 3px; }
 div.Invers div.image { background-color: #000000; }

.LysBla {  background-color: #E1F4FD;  }
.MellomBla {  background-color: #00ABE6;   }

.Gra1 { background-color: #F4F4F4; }
.Gra, .Gra2 { background-color: #E6E6E6; }
.Gra3 { background-color: #CECECE; }
.MorkGra, .Gra4 { background-color: #B0B0B0;  }
.Gra5 { background-color: #969696; }
.Gra6 { background-color: #737373; }
.Sort { background-color: #252525; }
.Mork { background-color: #000000;  }

.Magenta {  background-color: #EC008C;  }
.Gronn {  background-color: #006536;  }
.Sjoko {  background-color: #6D4D3C;  }
.Krem {  background-color: #978479;  }
.MorkBla {  background-color: #002561; }

.fvn .none, .Hvit .none {  padding-top: 0px;}
.fvn .runningHead,  .fvn .frontTitle, .fvn .leadText,
.Hvit .runningHead, .Hvit .frontTitle, .Hvit .leadText {   padding: 0px}

.none {  padding-top: 5px;}
.runningHead, .frontTitle,  .leadText { padding: 0px 3px; }

div.Gra ul,  div.MorkGra ul,  div.Mork ul,  div.Krem ul,  div.MorkBla ul
{ padding-left: 3px; }

div#articleWrapper div.Bla { padding:9px; width:434px; }
div.Bla { background: none ; border:8px solid #00ABE6 }
div.Bla div.image { float:right; width:190px; }
div.Bla div.image image { width:190px; }
div.Bla a.titleLarge { color: #00ABE6; font-size: 2.6em; font-family: "Arial Black";}