/*

	Design: XXX, Recommended Norge
	xhtml/css: XXX, Recommended Norge

	Fargene vi bruker er i bruk: 
	R¿d: #990000, 
	
*/



body#main {
	padding: 2em 0;
	font-family: verdana, arial, sans serif;
	background: #0063b2 url('../img/bg-body.png') top left repeat-x;
}

h1 {
	text-indent: -9999px;
}

h2 {
	font-size: 180%;
	padding-bottom: 0.5em;
}


h3 {
	font-size: 160%;
	padding-bottom: 0.5em;
}

h4
{
	font-weight: bold;
	padding-bottom: 0.5em;
	padding-top: 1.0em;
}

em
{
	font-weight: bold;
	font-style: normal;
}


p {
	padding-bottom: 1.1em;
}

p.produkt-advarsel {
	font-style: italic;
}

/* Structure    
--------------------------------------------------------------------------------------- */

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#nav {
	margin-left: 1em;
	clear: both;
	margin-bottom: 1.5em;
	height: 1.1em;	
}

#right {
	background: #ff7900;
	float: right;
	width: 100px;
}

#xxx {
	clear: both;
}


#content-wrapper {
	float: left;

	height: 593px;
	width: 748px;
	background: transparent url('../img/bg-content2.png') top left no-repeat;	
}

#content-wrapper-wide {
	float: left;

	height: 593px;
	width: 993px;
	background: transparent url('../img/bg-iframe.png') top left no-repeat;		
}

#masthead, .masthead {
	background: transparent url('../img/logo-2009.png') top left no-repeat;
	display: block;
	float: left;
	width: 192px;
	height: 593px;
	z-index: 1000;
}

#masthead a
{
	display: block;
	width: 100px;
	height: 593px;
}

#content {
	float: left;
	width: 400px;
	height: 550px;
	margin-top: 25px;
	overflow: hidden;
	background-color: #fff;
}

#content-wide {
	float: left;
	width: 775px;
	height: 575px;	

	background-color: #fff;
}

#content-wide iframe
{
	width: 775px;
	height: 100%;	
	padding: 0;
	margin: 0;
	border: none;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.Crumbs, div.Crumbs a:link, div.Crumbs a:visited
{
	color: #bbb;
	font-style: italic;
}
div.Crumbs a:hover
{
	color: #333;
}


#trademarks { clear: both;}

#footer 
{
    color: #86b1d3;
    margin-top: 25px;
	text-align: center;
	clear: both;
}




/* Navigation    
--------------------------------------------------------------------------------------- */

#nav ul
{
	margin:0;padding:0;list-style:none; 
}

#nav ul li {
	list-style-type: none;
	display: block;
	float: left;
	padding-left: 15px;
	margin-right: 30px;
	background: transparent url('../img/bg-nav.gif')  left center no-repeat;
	
}

#nav ul li a {
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #000;
}

#nav a:link.inPathTrue, #nav a:visited.inPathTrue, a:link.inPathTrue, a:visited.inPathTrue
{
	color: #990000;
}


/* Home
--------------------------------------------------------------------------------------- */
#home #content-wrapper {
	background: transparent url('../img/bg-forside.png') top left no-repeat;
		
}

.sepme
{
	padding-top: 50px;
}


/* Produktsider
--------------------------------------------------------------------------------------- */
#content-wrapper .prod { margin-left: -120px; z-index: 0;	width: 640px; }
.prod-img {width: 350px; float: left; height: 200px;
	background-color: Red; z-index: -1;}
.prod-txt {width: 300px; float: right;}


/* Artikkelsider
--------------------------------------------------------------------------------------- */
#content-wrapper .art { margin-left: 0; width: 510px; display: block;}
.art-txt {width: 380px; float: left; height: 470px; overflow: auto; border: 1px solid #999; position: relative; border: none; padding-bottom: 40px; margin-top: 10px;}
.art-txt p, .art-txt h2 {width: 350px; }
.art-side {width: 110px; float: right;}
.art img {margin-bottom: 1em;}
.art {  }
.date {line-height: 1em; margin-bottom: 0;}
.art-side p {color: #999999; font-size: 0.9em; line-height: 1.2em;}
div.bckfade { background: transparent url(../img/skygge.png) repeat-x; position: absolute; top: 495px; height: 40px; width: 380px; left: 0; z-index: 10000; }


/* Side    
--------------------------------------------------------------------------------------- */
#side-wrapper { float: right; width: 240px; overflow: hidden; padding-bottom: 10px; }
.box {margin-bottom: 12px;}
.box p {padding: 2em; color: #fff;}
#info {height: 125px; width: 235px; background: transparent url('../img/bg-box-info.png') top left no-repeat;}
#newsletter {height: 130px; width: 235px; background: transparent url('../img/bg-box-newsletter.png') top left no-repeat; overflow: hidden;}
#newsletter div.but { padding-left: 130px; }
#weather {height: 314px;width: 235px; background: transparent url('../img/bg-box-weather.png') top left no-repeat; display: block; }
#newsletter input {padding: 3px; margin: 45px 0 0 30px; width: 150px; border: 1px solid #333;}

.weatherbox ul
{
	padding:  0 0 0 0;
	margin: 0 0 0 0;
}
.weatherbox li
{
	text-align: right;
	padding: 0 25px 0 0;
	list-style-type: none;
	color: #fff;
	font-size: 1.2em;
}
.weatherbox li a
{
	color: #fff;
}

/* Side: Infobox    
--------------------------------------------------------------------------------------- */

#info ul {
	margin: 0;
	padding: 14px 20px;
}

#info ul li {
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
	list-style-type: none;
}

#info ul li a {
	background: transparent  top left no-repeat; 
	width: 150px;
	display: block;
	height: 25px;
	text-indent: -9999px;
}

#info ul li a#forbrukerinformasjon { background-image: url('../img/nav-box-info-01xx.png'); height: 30px; overflow: hidden; }
#info ul li  a#pressesenter { background-image: url('../img/nav-box-info-02xx.png'); height: 30px; overflow: hidden;}
#info ul li a#mediabank { background-image: url('../img/nav-box-info-03xx.png');height: 30px; overflow: hidden;}

#info a:hover {
	background-position: left -35px;
}
#info ul li a:hover#forbrukerinformasjon 
 {
	background-position: left bottom;
}

/* Sexy button
---------------------------------------------------------------------------------------- */

a:link.sexybutton, a:visited.sexybutton
{
	background: transparent url('../img/sexybutton-end.png') no-repeat scroll top right;
	color: #fff;
	display: block;
	float: left;
	font: 1.1em/1.1em arial, verdana sans-serif;
	margin-right: 6px;
	padding-right: 17px;
	/* sliding doors padding */
	text-decoration: none;
	height: 37px;
	margin-top: 5px;
	margin-left: -5px;
}

a.sexybutton span {
    background: transparent url('../img/sexybutton.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 6px 5px 10px 15px;
}

a.sexybutton:active {
    color: red;
    outline: none; /* hide dotted outline in Firefox */
}

a.sexybutton:hover {
	color: #000;
}



/* Footer    
--------------------------------------------------------------------------------------- */

#footer a {
	color: #86b1d3;
	text-decoration: none;

}

#footer a:hover {
	border-bottom: 1px dotted #fff;
	color: #86b1d3;
}




/* Table
--------------------------------------------------------------------------------------- */

.Content table  { 
	font-size:0.9em;
	line-height: 1.1em;
	width: 100%;	
}

table th {
	font-weight: bold;
	text-align: left;
}

.Content table caption {
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	font-size: 1.1em;
}

.Content table td {
	
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px;
}
.Content table th 
{
	padding: 1.0em 2px 0.5em 0;
}



/*popup*/

div.AjaxPopup
{
	border: 2px solid #940E16;
	width: 120px;
	padding: 10px;	
	background-color: #fff;
	position: absolute;
	top: 195px;
	left: 65%;
	z-index: 100000;
}
div.AjaxPopup a
{
	display: block;
	float: right;
}
div.AjaxPopup p
{
	clear: both;
	float: left;
	color: #333;
	width: 100px;
	padding: 5px 0 0 0;
}
div.AjaxPopup p span
{
	font-size: 110%;
	color: #2E7C2F;
	font-weight: bold;
}
div.AjaxPopup p span.err
{
	color: Red;
}

/* Flash Template*/

.flash-content-wrapper
{
    position: relative;
}

.masthead-flash
{
    position: absolute;
    left: 0px;
    top: 0px;
}

.flash
{
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
}

/* hack pga flash er laget med toppmarg på 6 px */
.flash object, .flash embed
{
    margin-top: 0px;
}

.movie-content-wrapper
{
    background: transparent url('../img/bg-movie.png') no-repeat;
   	float: left;
	height: 593px;
	overflow: hidden;	
	width: 748px;
}

#movie-content
{
    padding-top: 100px;    
}