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


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

html {
text-align: center;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #FFFFFF;
width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

h4 {
display: none;
}

img {
border: none;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
list-style-type: none;
}

/**************** CONTAINER *******************/
#container {
width: 1024px;
position: relative;
}

/**************** BRANDING ********************/
#branding {
height: 135px;
}

#logo {
background: url("../../gfx/logodes.jpg") no-repeat;
height: 129px;
width: 262px;
clip: rect(0px, 262px, 130px, 10px);
position: absolute;
left: -10px;
top: 4px;
}

/***************** NAVIGATION ******************/
#navigation {
background-image: url("../../gfx/otera_top_bar.jpg");
height: 24px;
width: 1024px;
position: absolute;
top: 135px;
left: 0px;
}

#nav_home, #nav_breadcrumbs {
color: #5D5D5D;
font-weight: bold;
font-size: 8pt;
position: absolute;
left: 10px;
top: 6px;
z-index: 2;
}

#nav_breadcrumbs a {
color: #5D5D5D;
}

#nav_main {
list-style-type: none;
}

#nav_main li a {
font-size: 10pt;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #8596A9; 
position: absolute:
top: -100px;
}

#nav_main_item1 {
background: url("../../gfx/tabs/otera_samferdsel_off.jpg") no-repeat top left;
height: 26px;
width: 109px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 280px;
top: -42px;
}

#nav_main_item1_active {
background: url("../../gfx/tabs/otera_samferdsel_on.jpg") no-repeat top left;
height: 26px;
width: 109px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 280px;
top: -42px;
}

#nav_main_item1:hover {
background: url("../../gfx/tabs/otera_samferdsel_on.jpg") no-repeat top left;
}

#nav_main_item2 {
background: url("../../gfx/tabs/otera_elektro_off.jpg") no-repeat top left;
height: 26px;
width: 83px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 414px;
top: -42px;
}

#nav_main_item2_active {
background: url("../../gfx/tabs/otera_elektro_on.jpg") no-repeat top left;
height: 26px;
width: 83px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 414px;
top: -42px;
}

#nav_main_item2:hover {
background: url("../../gfx/tabs/otera_elektro_on.jpg") no-repeat top left;
}

#nav_main_item3 {
background: url("../../gfx/tabs/otera_telecom_off.jpg") no-repeat top left;
height: 26px;
width: 88px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 516px;
top: -42px;
}

#nav_main_item3_active {
background: url("../../gfx/tabs/otera_telecom_on.jpg") no-repeat top left;
height: 26px;
width: 88px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 516px;
top: -42px;
}

#nav_main_item3:hover {
background: url("../../gfx/tabs/otera_telecom_on.jpg") no-repeat top left;
}

#nav_main_item4 {
background: url("../../gfx/tabs/otera_elkraft_off.jpg") no-repeat top left;
height: 26px;
width: 73px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 628px;
top: -42px;
}

#nav_main_item4_active {
background: url("../../gfx/tabs/otera_elkraft_on.jpg") no-repeat top left;
height: 26px;
width: 73px;
padding-left: 22px;
padding-top: 16px;
position: absolute;
left: 628px;
top: -42px;
}

#nav_main_item4:hover {
background: url("../../gfx/tabs/otera_elkraft_on.jpg") no-repeat top left;
}

#nav_sub {
width: 145px;
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 24px;
}

#nav_sub li {
background-color: #E0DEC7;
padding: 2px 2px 2px 10px;
list-style-type: none;
border-top: solid 2px white;
}

#nav_sub li a {
color: #5D5D5D;
font-size: 8pt;
text-transform: capitalize;
}

#nav_sub li a:first-child {
text-transform: none;
}

#nav_sub .menuItemSubLevel {
margin-left: 22px;
}

#nav_eng img {
height: 14px;
width: 20px;
border: solid 2px black;
position: absolute;
right: 15px;
top: 3px;
}

#nav_sub li.activeLevel1 {
background-color: #8696AA;
}

#nav_sub li.inactiveParent {
background-color: #8696AA;
}

#nav_sub li.activeLevel2 {
background-color: #DDE0E6;
}

#nav_sub li.inactiveLevel2 {
background-color: #EDDFA5;
}

#nav_sub li.inactiveSibling {
background-color: #EDDFA5;
}

#nav_sub li.activeLevel1 a, #nav_sub li.inactiveParent a {
color: #FFFFFF;
}


/********************* CONTENT ********************/
#content {
background-color: #E0DEC7;
width: 1024px;
position: relative;
}

#content_main {
background-color: #FFFFFF;
background-position: center;
width: 1022px;
margin-left: 1px;
margin-right: 1px;
min-height: 550px;
padding-bottom: 50px;
}

#content_main a {
display: block;
}

#flash {
position: absolute;
width: 646px;
height: 385px;
left: 155px;
top: 35px;
}

#flash div {
width: 646px;
height: 385px;
}

#imageTeasers > a a {
text-decoration: none;
}

#imageTeasers p {
font-size: 11px;
padding-left: 4px;
padding-bottom: 3px;
}

#imageTeaser1 {
margin-left: 30px;
position: absolute;
left: 10px;
bottom: 177px;
}

#imageTeaser1 p {
margin-bottom: 10px;
}

#imageTeaser2 {
position: absolute;
left: 35px;
bottom: 12px;
}

#imageTeaser2 p {
margin-bottom: 10px;
}


#introArticle {
width: 636px;
position: absolute;
left: 155px;
top: 465px;
}

#introArticle h1 {
font-size: 11pt;
padding-bottom: 5px;
}

#content_main a {
color: #314A69;
font-weight: bold;
}

#teasers {
font-size: 8pt;
list-style-type: none;
}

#teaser1 {
width: 195px;
position: absolute;
top: 35px;
left: 815px;
}

#teaser2 {
width: 195px;
position: absolute;
bottom: 103px;
left: 815px;
}

#teasers h2 {
font-size: 8pt;
padding-top: 4px;
}

#article {
width: 450px;
margin-bottom: 50px;
position: relative;
top: 55px;
left: 185px;
}

#article h1 {
font-size: 13pt;
color: #314A69;
padding-bottom: 14px;
}

#article p {
font-size: 9pt;
padding-bottom: 14px;
}

.content_main_img {
position: absolute;
top: 35px;
left: 470px;
}

#related_links {
list-style-type: none;
margin-bottom: 45px;
}

ul#articles {
margin-bottom: 50px;
width: 680px;
position: relative;
top: 55px;
left: 185px;
list-style-type: none;
}

#articles li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #8696AA;
}

#articles h1 {
font-size: 10pt;
color: #314A69;
}

#articles p {
width: 550px;
}

.image_link {
float: right;
}

.articleItem {
border: solid #FFFFFF;
}

#articles li div {
clear: both;
}

#map {
width: 700px;
height: 500px;
border-style: solid;
border-width: 1px;
border-color: #999;
position: relative;
top: 55px;
left: 185px;
}

#map p {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
}

#map p.heading {
font-size: 14px;
font-weight: bold;
color: #314A69;
}

#map p.headingSmall {
font-size: 12px;
color: #314A69;
padding-bottom: 0px;
}

.mapText {
width: 275px;
height: 100px;
overflow: hidden;
float: left;
}

.mapText p {
padding-bottom: 10px;
}


/*******************CONTACT INFO ********************/
#contact_info {
background: url("../../gfx/otera_footer_bar.jpg") no-repeat top left;
width: 1024px;
height: 51px;
color: #5D5D5D;
font-size: 11px;
list-style-type: none;
position: absolute;
left: 0px;
bottom: -51px;
}

#contact_info_item1 {
position: absolute;
top: 10px;
left: 155px;
}

#contact_info_item2 {
position: absolute;
top: 10px;
left: 450px;
}

#contact_info_item3 {
position: absolute;
top: 10px;
left: 700px;
}

#contact_info p:first-child {
font-weight: bold;
}

#contact_info a {
color: #5D5D5D;
}