/************************************************
  *   
  *	Author: Kira Greibrokk
  *	Solvea AS
  *   
  ***********************************************/


/**************** DEFAULTS **********************/
* {
margin: 0;
padding: 0;
}

html {
height: 100%;
min-height: 100.3%;
text-align: center;
}

body {
color: #333333;
font: 13px/1.3 Arial, sans-serif;
height: 100%;
}

img {
border: none;
}

ul {
list-style-type: none;
}

a {
color: #024D6E;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin-bottom: 13px;
}

h1 {
font: lighter 32px/1.2 "Myriad Pro", Arial, sans-serif;
}

h2 {
color: #333333;
font: bolder 13px/1.4 Arial, sans-serif;
}

h2.ingress {
margin: 8px 0 21px;
}

/**************** CONTAINER **********************/
#container {
background: url("../../images/bg.gif") repeat-x;
width: 100%;
position: relative;
}

/**************** BRANDING **********************/
#branding {
height: 109px;
margin-left: auto;
margin-right: auto;
width: 958px;
position: relative;
}

#logo {
height: 42px;
width: 228px;
position: absolute;
top: 56px;
left: 0px;
}

#slogan {
height: 20px;
width: 242px;
position: absolute;
top: 71px;
left: 327px;
}

/**************** CONTACT INFO **********************/
#footer {
background: url("../../images/bg_fot.gif") repeat-x;
font-size: 11px;
height: 107px;
line-height: 1.5;
width: 100%;
padding-top: 6px;
clear: left;
}

#contact_info {
margin-left: auto;
margin-right: auto;
width: 958px;
}

#contact_info li {
border-right: 1px solid #888888;
display: inline;
padding: 0 6px 0 4px;
vertical-align: middle;
}

#contact_info li.lastItem {
border: none;
}

/**************** CONTENT **********************/

/**************** CONTENT - HOMEPAGE **********************/
#content {
margin-left: auto;
margin-right: auto;
margin-top: 9px;
min-height: 550px;
text-align: left;
width: 958px;
position: relative;
top: -20px;
}

#flash, #image {
height: 380px;
margin-left: 2px;
width: 946px;
z-index: 10;
}

#flash div {
height: 380px;
width: 946px;
}

#flash p {
padding-top: 150px;
text-align: center;
}

#flash p a {
text-decoration: underline;
}

#image img {
height: 380px;
width: 946px;
}

#teasers {
padding-top: 16px;
position: relative;
}

#teasers img {
height: 83px;
width: 305px;
}

#teasers li {
width: 305px;
}

#teaser1 {
border-right: 1px solid #E6E6E6;
margin-right: 5px;
padding: 0 7px 16px 2px;
}

#teaser2 {
border-right: 1px solid #E6E6E6;
margin-right: 5px;
padding: 0 7px 16px 2px;
position: absolute;
top: 16px;
left: 320px;
}

#teaser3 {
padding: 0 0 26px 2px;
position: absolute;
top: 16px;
left: 640px;
}

#teasers p, #columnArticles p {
background: #F1F0E8;
line-height: 1.2;
margin-top: 4px;
padding: 8px 14px 14px;
width: 277px;
}

#teasers h2, #columnArticles h2 {
font-size: 18px;
font-weight: bolder;
margin: 0 0 4px 0;
}

#teasers h3 {
font-size: 13px;
font-weight: bolder;
margin: 0 14px 0 14px;
}

#teasers a, #columnArticles a {
text-decoration: none;
}

#teasers h2 a, #teasers p a, #columnArticles h2 a {
color: #333333;
}

#teasers ul {
margin: 0 14px 0 14px;
}

#teasers ul li a:hover {
text-decoration: underline;
}

#priorityArticle {
border: 1px solid #D3D0CA;
margin: 11px 2px 2px 2px;
padding: 1px;
width: 942px;
}

#priorityArticle p {
background: url("../../images/bg_krise.jpg");
font-size: 22px;
font-weight: bolder;
height: 38px;
margin: 0;
padding-top: 10px;
text-align: center;
}

#priorityArticle a {
background: #FFF;
color: #C00C00;
padding: 3px;
text-decoration: underline;
}

li.priority a {
color:#C1131E;
font-weight: bolder;
}

/**************** CONTENT - ARTICLE **********************/
#breadcrumbs {
color: #024D6E;
font-size: 11px;
line-height: 1.1;
padding: 5px 2px 5px 2px;
}

#breadcrumbs li {
display: inline;
padding: 0 6px 0 0;
}

#breadcrumbs a {
padding-right: 16px;
background: url("../../images/gt.gif") no-repeat center right;
text-decoration: underline;
}

#breadcrumbs a.here {
padding-right: 0;
background: none;
text-decoration: none;
}

#article {
float: left;
margin: 0 0 50px 0;
padding: 25px 37px 20px 18px;
width: 605px;
z-index: 400;
}

#article b {
display: block;
}

#article p.notitle b {
display: inline;
}

#article p.quote {
background: url("../../images/bg_quote.gif") no-repeat top left;
color: #FFFFFF;
float: left;
font-weight: bolder;
height: 119px;
margin: 9px 22px 15px -12px;
overflow: visible;
padding: 21px 12px 21px 12px;
width: 82px;
z-index: 50;
position: relative;
left: 10px;
}  

#articleImage {
float: right;
margin: 0 0 13px 20px;
}

#articleImages_left {
float: left;
margin: 0 30px 13px 0;
}

#articleImages_right {
float: right;
margin: 0 0 13px 25px;
}

#articleImages_center {
margin: 0 0 13px 50px;
}

#articleImage img, #articleImages_left img, #articleImages_right img, #articleImages_center img {
border: 1px solid #E3E3E3;
padding: 1px;
}

#articleImage span, #articleImages_left span, #articleImages_right span, #articleImages_center span {
display: block;
font-size: 12px;
font-style: italic;
padding: 4px 0 10px 0;
}

#articleImages_left span.line, #articleImages_right span.line, #articleImages_center span.line {
border-top: 1px solid #CCCCCC;
line-height: 75%;
margin: 0 3px 0 3px;
padding: 0;
}

#articleImage #videoSmall {
margin-left: 12px;
}

#article table {
border: 1px solid silver;
border-collapse: collapse;
}

#article table td {
border: 1px solid silver;
padding: 3px 5px 0 5px;
}

#wideArticle {
float: left;
margin: 0 0 50px 0;
padding: 25px 0 20px 18px;
width: 740px;
z-index: 400;
}

#wideArticle #articleImage {
float: left;
margin: 0 13px 20px 0;
}

#inlineFlash {
}

/**************** CONTENT - RELATED LINKS **********************/
#related_links {
color: #024D6E;
float: left;
font-size: 12px;
line-height: 1.2;
margin: 0 0 50px 0;
padding: 35px 0 0 0;
width: 146px;
}

#faq_link {
color: #024D6E;
font-size: 12px;
line-height: 1.2;
padding: 50px 0 0;
width: 146px;
position: absolute;
top: 0px;
left: 800px;
}

#related_links li.title, #faq_link li.title {
border-bottom: 1px solid #D3D0CA;
font-weight: bolder;
margin: 48px 0 0 0;
padding: 0 0 5px 0;
}

#related_links li, #faq_link li {
border-bottom: 1px solid #D3D0CA;
padding: 8px 0 8px 0;
}

#content #faq_link li {
border-bottom: none;
}

#related_links li h3 a, #faq_link li h3 a, #related_links li a.extraLink {
color: #024D6E;
font-size: 12px;
font-weight: lighter;
margin: 0 0 2px 0;
}

#related_links li p, #faq_link li p {
margin: 0;
}

#related_links li a, #faq_link li a {
color: #999999;
text-decoration: none;
vertical-align: middle;
}

#related_links li a.pdf_link {
background: url("../../images/icon_pdf.gif") no-repeat center left;
display: block;
padding: 2px 28px 2px 28px;
}

#related_links #tools {
background: url("../../images/icon_print.gif") no-repeat center left;
border-top: 1px solid #D3D0CA;
height: 30px;
margin-top: 50px;
padding: 12px 20px 8px 32px;
}

/**************** CONTENT - MENU **********************/
#menu {
color: #024D6E;
float: left;
font-size: 12px;
line-height: 1.2;
padding: 25px 0 0 2px;
width: 146px;
}

#menu li {
border-bottom: 1px solid #D3D0CA;
padding: 8px 0 8px 0;
}

#menu li.lastItem {
border-bottom: none;
}

#menu li h3 a {
color: #024D6E;
font-size: 12px;
font-weight: lighter;
margin: 0 0 2px 0;
text-decoration: none;
}

#menu li p {
margin: 0;
}

#menu li a {
color: #999999;
text-decoration: none;
}

/**************** CONTENT - GRADED MENU **********************/

#gradedMenu {
color: #024D6E;
float: left;
font-size: 12px;
line-height: 1.2;
padding: 25px 0 0 2px;
width: 190px;
}

#gradedMenu li {
cursor: pointer;
padding: 2px 0 2px 0;
}

#gradedMenu li.passive {
display: none;
}

#gradedMenu li.active, #gradedMenu li.open {
display: block;
}

#gradedMenu li a {
text-decoration: none;
padding: 0 0 0 0;
}

#gradedMenu li a.arrow {
padding: 0 0 0 10px;
}

#gradedMenu li.child1 a {
padding: 0 0 0 14px;
}

#gradedMenu li.isParent1 a.arrow, #gradedMenu li.isParent2 a.arrow, #gradedMenu li.isParent3 a.arrow {
background: url("../../images/pluss.gif") no-repeat center left;
}

#gradedMenu li.openParent a.arrow {
background: url("../../images/minus.gif") no-repeat center left;
}

#gradedMenu li.isParent2 {
margin: 0 0 0 30px;
}

#gradedMenu li.isParent3 {
margin: 0 0 0 40px;
}

#gradedMenu li.child2 {
padding: 2px 0 2px 43px;
}

#gradedMenu li.child3 {
padding: 2px 0 2px 65px;
}

#leftMenuTitle {
font-weight: bold;
margin: 0 0 10px 0;
width: 180px;
}

/**************** CONTENT - SECTION PAGE ***************/
#boxTeasers {
position: relative;
}

#boxTeasers li {
border: 1px solid #D3D0CA;
xfloat: left;
height: 154px;
margin-bottom: 10px;
width: 295px;
}

#boxTeaser1, #boxTeaser3, #boxTeaser5 {
margin: 0 9px 0 0;
}

#boxTeaser2 {
position: absolute;
top: 0;
left: 308px;
}

#boxTeaser4 {
position: absolute;
top: 166px;
left: 308px;
}

#boxTeaser6 {
position: absolute;
top: 332px;
left: 308px;
}

#boxTeasers li h2 {
font-size: 18px;
line-height: 1.1;
padding: 30px 0 2px 8px;
}

#boxTeaser1 h2 {
float: right;
margin: 0;
padding-top: 30px;
width: 180px;
}

#boxTeasers li h2 a:hover {
text-decoration: none;
}

#boxTeasers p {
float: right;
font-weight: bold;
margin: 0;
padding: 0 0 10px 8px;
width: 180px;
}

#boxTeasers li img {
float: right;
}

#boxTeaser1.over, #boxTeaser2.over, #boxTeaser3.over, #boxTeaser4.over, #boxTeaser5.over, #boxTeaser6.over {
background: url("../../images/raster.gif") repeat !important;
}

#listArticles li {
clear: both;
margin: 10px 0 0;
min-height: 125px;
padding: 20px 10px;
border: 1px solid #fff;
position: relative;
}

#listArticles li img {
float: left;
height: 123px;
margin: 0 20px 0 10px;
width: 103px;
}

#listArticles li.over {
background: url("../../images/raster.gif") repeat;
border: 1px solid #d3d0ca;
}

#listArticles li h2 {
padding-top: 10px;
font-size: 19px;
}

#listArticles h2 a {
text-decoration: none;
}

#listArticles li p {
font-weight: bold;
width: 550px;
}

#listArticles li p.text {
font-weight: normal;
width: 600px;
}

#listArticles li p.media {
margin-bottom: 0;
}

#listArticles li a {
display: block;
font-weight: bold;
padding: 2px 0 2px 20px;
text-decoration: underline;
}

#listArticles li p.media a {
display: inline;
padding: 0 0 0 0;
vertical-align: super;
}

#listArticles li img.icon {
float: none;
height: 21px;
margin: 0 5px 0 0;
width: 16px;
}

.over {
cursor: pointer;
}

#listImages {
clear: both;
margin: 30px 0 50px 20px;
min-height: 700px;
}

#listImages li {
float: left;
min-height: 110px;
margin: 0 0 20px 0;
width: 260px;
}

#listImages li img {
margin: 10px 10px 10px 10px;
}

#archive {
float: left;
margin: 0 0 80px 0;
padding: 25px 0 20px 18px;
width: 780px;
z-index: 400;
}

#archiveArticles li a {
text-decoration: underline;
}

#archiveArticles li {
clear: left;
border-top: 1px solid #CCCCCC;
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
}

#archiveArticles li img {
float: left;
xheight: 100px;
margin: 0 10px 10px 0;
xwidth: 175px;
}

#archiveArticles li.first {
border-top: none;
}

#archiveImages li {
float: left;
height: 200px;
width: 300px;
}

#archiveImages li img {
float: left;
}

#archiveImages li h2, #archiveImages li span.position {
position: relative;
top: 30px;
left: 10px;
}

#archiveImages li span.position {
font-size: 12px;
}

#archiveImages li a {
display: block;
position: relative;
top: 35px;
left: 10px;
}

#infoBoxes {
position: relative;
}

#infoBoxes li {
height: 125px;
width: 300px;
}

#infoBoxes .icon {
float: left;
margin: 0 10px 0 0;
}

#infoBoxes h3, #infoBoxes p .text {
color: #024D6E;
font-family: "Myriad Pro", Arial, sans-serif;
font-size: 22px;
font-weight: lighter;
letter-spacing: 0;
line-height: 1.2;
}

#infoBoxes h3 {
font-stretch: normal;
font-weight: lighter;
padding: 10px 0 0 0;
}

#infoBoxes p {
padding: 0 20px 2px 40px;
}

#infoBoxes p img {
margin: 0 0 0 0;
}

#infoBoxes p .text {
position: relative;
top: -10px;
left: 0px;
}

#infoBoxes a {
text-decoration: underline;
}

#infoBox1 {
border-right: 1px solid #D3D0CA;
border-bottom: 1px solid #D3D0CA;
}

#infoBox2 {
border-bottom: 1px solid #D3D0CA;
padding: 0 0 0 10px;
position: absolute;
top: 0px;
left: 300px;
}

#infoBox3 {
border-right: 1px solid #D3D0CA;
border-bottom: 1px solid #D3D0CA;
padding: 20px 0 0 0;
}

#infoBox4 {
border-bottom: 1px solid #D3D0CA;
padding: 20px 0 0 10px;
position: absolute;
top: 126px;
left: 300px;
}

#infoBox5 {
border-right: 1px solid #D3D0CA;
padding: 20px 0 0 0;
}

#infoBox6 {
padding: 20px 0 0 10px;
position: absolute;
top: 272px;
left: 300px;
}

#canvas {
margin: 0 0 50px 0;
padding: 25px 37px 20px 18px;
width: 805px;
position: absolute;
top: 25px;
left: 180px;
z-index: 400;
}

#columnArticles {
width: 790px;
}

#columnArticles li, #columnMenus li.columnMenu {
float: left;
margin: 0 15px 0 0;
width: 230px;
}

#columnArticles img.columnImage {
height: 230px;
width: 240px;
}

#columnArticles p {
width: 212px;
}

#columnMenus {
position: relative;
top: 30px;
left: 0px;
}

#columnMenus h3 {
font-size: 13px;
font-weight: bolder;
}

/**************** GOOGLE MAP **********************/
.googleMap a {
font-weight: bold;
text-decoration: underline;
}

.factTable {
margin: 10px 0 0 0;
width: 230px;
}

/**************** MAIN NAVIGATION **********************/
#navigation {
height: 56px;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 957px;
}

#nav_main a.outer {
display: block;
height: 56px;
text-decoration: none;
}

#nav_main_item_1 {
background: url("../../images/tab_virksomhet.png");
width: 136px;
}

#nav_main_item_2 {
background: url("../../images/tab_aep.png");
width: 136px;
}

#nav_main_item_3 {
background: url("../../images/tab_finansiellInfo.png");
width: 136px;
}

#nav_main_item_4 {
background: url("../../images/tab_presserom.png");
width: 136px;
}

#nav_main_item_5 {
background: url("../../images/tab_samfunnsansvar.png");
width: 136px;
}

#nav_main_item_6 {
background: url("../../images/tab_jobb.png");
width: 136px;
}

#nav_main_item_7 {
background: url("../../images/tab_om.png");
width: 136px;
}

#nav_main a:hover, #nav_main a.active {
background-position: 0% -56px;
}

#nav_main a span {
display: none;
}

#nav_main li li a {
color: #024D6E;
display: block;
xheight: 36px;
margin: 1px; 
min-height: 36px;
padding: 8px 10px 0;
text-decoration: none; 
width: 169px; 
z-index: 598;
}

#nav_main li li a small {
color: #999999;
font-size: 11px;
}

#nav_main li li a:hover {
color: #FFFFFF;
background-image: url("../../images/bg_ddhover.jpg");
background-position: top !important;
text-decoration: none;
z-index: 598;
}

#nav_main a:hover small { 
color: #FFFFFF;
}

#nav_main li.lastItem {
border-bottom: 1px solid #E3E0D5;
}

#navigation ul.dropdown, #navigation ul.dropdown li, #navigation ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
z-index: 200;
}

#navigation ul.dropdown {
float: left;
position: relative;
z-index: 597;
}

#navigation ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}

#navigation ul.dropdown li:hover {
cursor: default;
position: relative;
z-index: 599;
}

#navigation ul.dropdown ul {
background: transparent url("../../images/transparent.png");
border-top: 1px solid #E3E0D5;
border-right: 1px solid #D3D0CA;
border-left: 1px solid #D3D0CA;
font-size: 12px;
margin-top: -1px;
width: 100%;
width: 191px; 
visibility: hidden;
z-index: 598;
position: absolute;
left: 0;
}

#navigation ul.dropdown ul li {
float: none;
}

#navigation ul.dropdown li:hover ul {
visibility: visible;
}

/**************** SUB NAVIGATION **********************/
#nav_sub {
color: #024D6E;
font-size: 12px;
line-height: 1.1;
list-style-type: none;
margin: 0;
padding-top: 22px;
width: 700px;
z-index: 100;
position: relative;
top: -151px;
left: 0px;
}

#nav_sub li {
display: inline;
border-left: 1px solid;
padding-left: 10px;
padding-right: 7px;
}

#nav_sub li.first {
border-left: none;
padding-left: 2px;
}

/**************** SEARCH **********************/
#search {
margin-left: auto;
margin-right: auto;
text-align: right;
width: 958px;
position: relative;
top: -157px;
left: 0px;
}

.searchForm input {
vertical-align: middle;
}

.searchForm .searchInput {
color: #333333;
border: 1px solid #024D6E;
font: 12px/1.4 Arial, sans-serif;
margin-right: 1px;
}

#content .searchForm {
margin: 41px 0 50px 0;
}

#content .searchForm .searchInput{
margin: 0 6px 0 0;
padding: 2px;
width: 200px;
}

.errorMessage {
font-weight: bold;
}

#faq_link {
top: 50px;
}

#resultSummary {
font-size: 12px;
}

#searchResults {
margin: 0 0 50px 0;
}

#searchResults .searchHit {
font-weight: bold;
width: 600px;
}

#searchResults .searchHit a.title {
display: block;
font-size: 17px;
font-weight: lighter;
margin: 30px 0 2px 0;
text-decoration: underline;
}

#paging {
color: #024D6E;
font-size: 19px;
margin: 40px 0 0 0;
}

#paging li {
border-right: 1px solid #024D6E;
display: inline;
padding: 0 5px 0 2px;
}

#paging li.last {
border-right: none;
}

#paging li input {
background-color: #FFFFFF;
border: none;
color: #024D6E;
font-size: 19px;
}

#paging li .enabled {
border-bottom: 1px solid #024D6E;
cursor: pointer;
}

/**************** DON'T PRINT **********************/
@media print {
	#nav_sub, #search, #tools, #breadcrumbs, #menu, #related_links {
	display: none;
	visibility: hidden;
    	}
}

/**************** AEP RENEWABLES ************/
#nav_main_fornybar_item_1 {
background: url("../../images/aep_renewables/groenel_consumer_tab.png");
width: 159px;
}

#nav_main_fornybar_item_2 {
background: url("../../images/aep_renewables/groenel_supplier_tab.png");
width: 159px;
}

#nav_main_fornybar_item_3 {
background: url("../../images/aep_renewables/groenel_products_tab.png");
width: 159px;
}

#nav_main_fornybar_item_4 {
background: url("../../images/aep_renewables/groenel_about_tab.png");
width: 159px;
}

#nav_main_fornybar_item_5 {
background: url("../../images/aep_renewables/groenel_linksdownloads_tab.png");
width: 159px;
}

#icon {
height: 85px;
width:186px;
position: relative;
top: -127px;
left: 770px;
}

#iconFrontpage {
height: 85px;
width:186px;
position: relative;
top: -140px;
left: 770px;
}

#nav_sub_fornybar {
color: #024D6E;
font-size: 12px;
line-height: 1.1;
list-style-type: none;
margin: 0;
padding-top: 22px;
width: 700px;
z-index: 100;
position: relative;
top: -117px;
left: -321px;
}

#nav_sub_fornybar li {
display: inline;
border-left: 1px solid;
padding-left: 10px;
padding-right: 7px;
}

#nav_sub_fornybar li.first {
border-left: none;
padding-left: 2px;
}

#gradedMenu p a {
font-size: 13px;
}

/**************** AE PRODUKSJON ************/
#nav_main_aep_item_1 {
background: url("../../images/tab_virksomhet.png");
width: 136px;
}

#nav_main_aep_item_2 {
background: url("../../images/tab_aep.png");
width: 136px;
}

#nav_main_aep_item_3 {
background: url("../../images/tab_finansiellInfo.png");
width: 136px;
}

#nav_main_aep_item_4 {
background: url("../../images/tab_presserom.png");
width: 136px;
}

#nav_main_aep_item_5 {
background: url("../../images/tab_samfunnsansvar.png");
width: 136px;
}

#nav_main_aep_item_6 {
background: url("../../images/tab_jobb.png");
width: 136px;
}

#nav_main_aep_item_7 {
background: url("../../images/tab_om.png");
width: 136px;
}

#nav_sub_aep {
color: #024D6E;
font-size: 12px;
line-height: 1.1;
list-style-type: none;
margin: 0;
padding-top: 22px;
width: 700px;
z-index: 100;
position: relative;
top: -151px;
left: 0px;
}

#nav_sub_aep li {
display: inline;
border-left: 1px solid;
padding-left: 10px;
padding-right: 7px;
}

#nav_sub_aep li.first {
border-left: none;
padding-left: 2px;
}

#iconAEP {
height: 85px;
width:186px;
position: relative;
top: -140px;
left: 770px;
}

.activeItem {
font-weight: bold;
}