/*	Generelt stilark for Hovedsider (produktforside)	*/

body {margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 62.5%; background: #4D5E67 url(bg_gradi.gif) repeat-x fixed;}

/*	CONTAINER		*/
#container {width: 900px; position: relative; left: 50%; margin-left: -450px; /*margin: 0 auto; */float: left; border: 8px solid #fff; }

#produktfelt, #trinnvalg, #content, #footer {background: #fff;}

/* 	HEADER	*/
#header {width: 100%;}
.headerBilde {position: relative; }
.headerBilde a, .headerBilde h1 {position: absolute;}
.headerBilde h1 {margin: 0;}
.headerBilde a {display: block; text-indent: -5000em; text-decoration: none;}
.headerBilde a#gu {top: 10px; left: 28px; width: 80px; height: 80px;}


/*	HOVEDMENY og TRINNVALG	*/
#produktfelt, #trinnvalg {width: 100%; float: left;}
#produktfelt #menu, #trinnvalg #menu {float: left; width: 100%; }
.menuItem {float: left; position: relative; padding-bottom: 10px; display: inline/* IE6 hack */; }
.menuItem a {position: absolute;}
.menuItem a:hover img {display: none;}
#produktfelt img, #trinnvalg img {border: 0;}

/*	CONTENT	*/
#content { padding: 30px 0; width: 100%; float: left; }

/* 	Articles and infoWall	*/
#articles, #infoWall {float: left;}
#articles ul, #infoWall ul, #articles ul li, #infoWall ul li {margin: 0; padding: 0; list-style-type: none;}
#articles ul li, #infoWall ul li {padding-bottom: 5px; background: #fff;}
/*	Articles	*/
#articles {width: 480px; margin-right: 60px;}
#articles ul li  {margin: 15px 20px 5px 60px; }
/*	Infowall	*/
#infoWall {width: 359px; padding-top: 60px; background: url("infovegg.jpg") no-repeat 20px 0;}
#infoWall ul li {margin: 15px 65px 5px 30px; border-bottom: 1px solid #a7a9ac;}

/*	Documents	*/
#documents {margin: -30px 0 /* For � oppheve padding i #content */; padding: 10px 20px 20px 30px; width: 530px; }

/* Tekst */
#articles h2 {margin-bottom: 8px; font-size: 1.8em;}
#infoWall h2 { font-size: 1.3em; margin-bottom: 4px;}
#documents h2 { font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: normal; font-size: 2.6em; margin: 20px 0px 8px 0; padding: 0; }
#documents h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.8em; color: #666666; margin: 35px 0 0 0;  }
#documents h4 { font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; font-size: 1.3em; margin: 20px 0 0 0; }
.menuItem p {margin: 117px 0 0 2px; font-size: 1.2em;}
#articles p, #infoWall p {margin: 0 0 0.5em 0; font-size: 1.2em;}
#documents p { font-size: 1.3em; margin: 5px 0 15px; }
#documents ul li { font-size: 1.3em; margin: 5px 0; }

/* Lenker */
#articles a { text-decoration: none; color: #ed174f; font-weight: normal;}
#infoWall a { font-size: 1.1em; text-decoration: none; color: #ed174f; }

/* Bilder */
#articles .bildeVenstre { float: left; margin: 2px 5px 2px 0;}
#articles .bildeVenstre .bildetekst {}
#articles .bildeVenstre .bildeKilde { color: #999;}

/*	FOOTER	*/
#footer {float: left; width: 100%; background: #a7a9ac url("gyldenda.jpg") no-repeat 20px 50%;}
#footer ul, #footer ul li {margin: 0; padding: 0; list-style-type: none;}
#footer ul {padding-left: 35px;}
#footer li {float: left;}
#footer li a {margin: 1.0em 0; padding: 0 1.0em; display: block; text-decoration: none; color: #fff; font-size: 1.1em; border-left: 1px solid #fff;}
#footer ul #contact a {border: none;}

a, a:hover, a:active, a:visited { outline: none;}

#produktfelt .menuItem, #produktfelt .menuItem :hover, 
#trinnvalg .menuItem, #trinnvalg .menuItem :hover { background: no-repeat;} /* ie6-hack (uten denne har man ikke hover-effekt i IE6). Ola */