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


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

html {
height: 103%;
text-align: center;
}

body {
font-family: Calibri, Arial, Helvetica, sans-serif;
width: 920px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

a {
text-decoration: none;
}

img {
border: none;
}

#container {
width: 920px;
position: relative;
}

/**************** BRANDING ********************/
#branding {
background: url("../../images/upper_edge.gif") no-repeat;
width: 900px; 
min-height: 130px;
position: absolute;
top: 0px;
}

#branding img {
position: absolute;
top: 30px;
left: 40px;
}

#languages {
width: 85px;
height: 28px;
position: relative;
top: 55px;
left: 792px;
}

#english {
position: absolute;
top: 0px;
left: 0px;
}

#norwegian {
position: absolute;
top: 0px;
left: 41px;
}

#bannerBackground {
background: url("../../images/middle.gif") repeat-y;
width: 900px;
height: 183px;
position: absolute;
top: 96px;
left: 0px;
}

#banner img {
width: 862px;
height: 183px;
position: absolute;
top: 96px;
left: 21px;
}

#line {
background: url("../../images/line.gif") no-repeat;
width: 900px;
height: 7px; 
position: absolute;
top: 279px;
left: 0px;
}

/***************** NAVIGATION ******************/
#navigation {
position: relative;
}

#nav_main {
width: 900px; 
position: absolute;
top: 258px;
left: 0px;
}

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

#nav_main li {
height: 33px; 
position: absolute;
top: 0px;
}

#nav_item1 {
width: 194px; 
}

#nav_item2 {
width: 171px; 
left: 194px;
}

#nav_item3 {
width: 172px; 
left: 365px;
}

#nav_item4 {
width: 173px; 
left: 537px;
}

#nav_item5 {
width: 190px; 
left: 710px;
}

#nav_sub {
font-size: 11pt;
font-weight: bold;
position: absolute;
top: 400px;
left: 45px;
}

li a {
color: #808080;
}

#active {
color: #0080C6;
}

#nav_sub li img {
vertical-align: text-bottom;
}

/********************* CONTENT ********************/
#content {
background: url("../../images/middle.gif") repeat-y;
width: 900px;
position: absolute;
top: 318px;
margin-bottom: 50px;
}

#content_main {
position: relative;
}

#article, #mapArticle, #wideArticle {
color:#808080;
font-size: 11pt;
min-height: 380px;
position: relative;
top: 30px;
margin-bottom: 50px;
}

#article {
width: 514px;
left: 260px;
}

#article img {
margin: 10px 0 0 0;
}

#mapArticle {
width: 365px;
left: 250px;
}

#article h1, #mapArticle h1, #articles h1, #wideArticle h1 {
color: #0080C6;
font-size: 23.65pt;
font-weight: bold;
padding-top: 40px;
padding-bottom: 5px;
}

#articles h1 {
padding-bottom: 10px;
}

.imageText {
font-size: 10pt;
}

#ingress {
color: #808080;
font-size: 13pt;
font-weight: bold;
padding-top: 25px;
}

#article p, #mapArticle p, #wideArticle p {
padding-bottom: 15px;
}

#google {
width: 220px;
height: 150px;
position: absolute;
top: 90px;
left: 390px;
border: 1px solid #808080;
z-index: 1;
}

#clickableArea {
width: 220px;
height: 150px;
position: absolute;
top: 90px;
left: 390px;
border: 1px solid #808080;
z-index: 2;
}

#map #link {
width: 150px;
font-size: 12px;
font-weight: bold;
position: absolute;
top: 245px;
left: 390px;
text-transform: uppercase;
}

#article a, #mapArticle a {
color: #808080;
}

#backgroundImage {
background: url("../../images/middle.gif") repeat-y;
width: 900px;
height: 183px;
position: absolute;
top: -252px;
left: -250px;
}

#bannerImage {
width: 864px;
height: 183px;
position: absolute;
top: -252px;
left: -230px;
}

#imageList {
color:#808080;
font-size: 12px;
width: 750px;
height: 500px;
position: relative;
left: 100px;
top: 70px;
}

#imageList h4 {
color: #0080C6;
}

#position {
font-style: italic;
}

#imageList ul, #related_links {
list-style-type: none;
}

#listItem1 {
position: absolute;
top: 0px;
left: 0px;
}

#listItem2 {
position: absolute;
top: 0px;
left: 190px;
}

#listItem3 {
position: absolute;
top: 0px;
left: 380px;
}

#listItem4 {
position: absolute;
top: 0px;
left: 570px;
}

#listItem5 {
position: absolute;
top: 200px;
left: 100px;
}

#listItem6 {
position: absolute;
top: 200px;
left: 300px;
}

#listItem7 {
position: absolute;
top: 200px;
left: 500px;
}

#related_links {
font-size: 12px;
font-weight: bold;
position: absolute;
width: 170px;
top: 285px;
left: 390px;
}

#related_links p {
padding-bottom: 0px;
}

.link_name {
color: #808080;
font-size: 10pt;
font-weight: normal;
}

#related_links a, #teaser a {
font-size: 11pt;
color: #0080C6;
}

#imageTeaser {
position: relative;
}

#teaser {
color: #808080;
font-size: 12px;
font-weight: bold;
position: absolute;
bottom: 75px;
left: 55px;
}

#mapPage {
position: relative;
left: 255px;
width: 588px;
height: 400px;
margin: 90px 0px 20px 0px;
border: 1px solid #808080;
}

.mapText {
color: #808080;
width: 300px;
}

.titleText {
color: #0080C6;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
}

#articles {
width: 515px;
list-style-type: none;
margin: 30px 0 70px 0;
position: relative;
left: 195px;
}

#articles h2 a {
color: #0080C6;
font-size: 16px;
font-weight: bold;
vertical-align: text-top;
}

#articles li {
color: #808080;
font-size: 10pt;
margin-bottom: 15px;
position: relative;
}

#articles a {
color: #0080C6;
font-weight: bold;
}

#articles p {
width: 315px;
margin-bottom: 5px;
}

.articleItem {
width: 515px;
min-height: 115px;
padding-bottom: 20px;
border-bottom: 3px solid #E6E6E6;
}

.image_link {
width: 182px;
height: 120px;
position: absolute;
top: 0px;
left: 333px;
padding-top: 5px;
text-align: center; 
}

#wideArticle {
width: 514px;
left: 195px;
}

#wideArticle img {
margin: 10px 0 0 0;
}

/********************* FORM ********************/
#form {
width: 212px;
font-size: 10pt;
font-weight: bold;
color: #808080;
position: absolute;
top: 950px;
left: 30px;
}

.text_input {
border: 1px solid grey;
}

#top {
width: 212px;
min-height: 56px;
background: url("../../images/form/top.gif") no-repeat;
}

#middle h2 {
font-size: 12pt;
position: absolute;
top: 0px;
left: 45px;
}

#middle p {
width: 150px;
position: relative;
top: 35px;
left: 25px;
}

#middle {
background: url("../../images/form/edges.png") repeat-y;
width: 192px;
min-height: 45px;
position: absolute;
top: 56px;
left: 15px;
padding-bottom: 65px;
}

#bottom {
width: 212px;
min-height: 56px;
background: url("../../images/form/bottom.gif") no-repeat;
position: relative;
top: 265px;
left: 0px;
}

#middle form {
margin-top: 20px;
width: 150px;
position: relative;
top: 35px;
left: 25px;
}

/********************* FOOTER ********************/
#footer {
background: url("../../images/footer.gif") no-repeat;
width: 900px;
height: 41px;
position: relative;
bottom: -81px;
padding-bottom: 40px;
}