body {
margin: 0px;
padding: 0px;
background-image: url(media/bgstolpe.jpg);
background-repeat: repeat-x;
font-size: 11px;
font-family: Tahoma;
color: #333333;
width:100%;
}

body.blank {
margin: 0px;
padding: 0px;
background-image: none;
background-color: #ffffff;
font-size: 11px;
font-family: Tahoma;
color: #333333;
width:100%;
}

A {FONT-WEIGHT: normal; COLOR: #257B9C; text-decoration: none;}
A:hover {text-decoration: underline;	}

.jojo {FONT-WEIGHT: normal; COLOR: #257B9C; text-decoration: none;}
A.jojo:Hover  {text-decoration: underline;	}

A.newsgroup {	FONT-WEIGHT: bold; COLOR: #0850A0; TEXT-DECORATION: none}
A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none	}
					
A.toolbar{FONT-WEIGHT: bold; TEXT-DECORATION: none }
A.toolbar:Hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

A.new_toolbar{FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none }
A.new_toolbar:Hover { FONT-WEIGHT: bold; COLOR: #00000; TEXT-DECORATION: underline}
					
A.menu {FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.menu:hover {	FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

A.link:Hover { COLOR:#800000; text-decoration:none}
A.link	{color:black; text-decoration:none }

A.cat {font-weight: bold;}
A.subcat {font-weight: normal;}	
A.trail {font-weight: normal;}

iframe.external{width: 800px; height: 600px;} 

div#logo {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

div#menubarcontainer {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  color: #ff0000;
}

#layout {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  overflow: hidden;
  padding:0px;
}

div.marginbox {
		width: 100%;
  margin-bottom: 20px;
}

div#rightmargin {
  margin: 0px 0px 0px 10px;
}

h1 {
		font-family: arial;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0.8em;
  font-size: 19px;
  color: #006699;  
}

h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: medium;
}

a.menubar   {
  font-family: tahoma;
  color: #cc6633;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

a.menubar:hover   {
  color: #006666;
  text-decoration: underline;
}


a.menubar2   {
  font-family: tahoma;
  color: #cc6633;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a.menubar2:hover   {
  color: #006666;
  text-decoration: underline;
}

div#content {
		margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

div#footer {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

form {
  margin: 0;
  border: 0;
		display: inline;
  }

td.content {
  vertical-align: top;
}

div#submenu {
  margin-top: 20px;
}

/* Menu */

ul.submenu {
  color: #006363;
  margin-left: 0px;
  padding-left: 15px;
  list-style-type: square;
}

ul.submenu li {
  color: #006363;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 6px;
}

ul.submenu li a   {
  font-family: tahoma;
  color: #c96330;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

ul.submenu li a:hover   {
  color: #006363;
  text-decoration: underline;
}


ul.submenu2 {
  color: #006363;
  margin-left: 0px;
  padding-left: 15px;
  list-style-type: square;
}

ul.submenu2 li {
  color: #006363;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 3px;
}

ul.submenu2 li a   {
  color: #006363;
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

ul.submenu2 li a:hover   {
  color: #006363;
  text-decoration: underline;
}

div#maincontent {
margin-top: 20px;
margin-left:20px;
margin-right:20px;
}

div#maincontent_olc {
margin-left:20px;
margin-right:0px;
padding: 10px;
}


div#tools {
  text-align: right;
}

div.mainmenu {
  vertical-align: bottom;
  text-align: right;
  margin-top: 60px;
  margin-bottom: 10px;
}

div.copyright {
text-align: center;
color: #cccccc;
}

iframe#mapframe {
		background-color: #ffffff;
  width: 800px;
  height: 500px;
  border: 0px solid black;
}

iframe.article {
		background-color: #ffffff;
  width: 100%;
  height: 2000px;
  border: 0px;
  margin: 0px;
}

/* Article styles */

div#ajaxText {
}

div#farmListVertical {
float:right;
clear: right;
width:270px;
}

div#articleListHorizontal {
width: auto;
clear: both;
display: none;
margin-bottom: 10px;
}

div#articleListVertical {
float:right;
clear: right;
width:270px;
}

div#farmMenu {
width: auto;
clear: both;
display:none;
margin-bottom: 10px;
}

div.cmsArticleContainer {
margin-bottom: 2em;
margin-left: 1em;
margin-top: 1em;
}

div.cmsArticleTitle {
font-weight: bold;
margin-bottom: .5em;
}

div.article {
clear: both;
margin-bottom: 1em;
}

div.article_images {
  float: right;
  width: 277px;
  z-index: 0;
}

div.image_container {
		padding: 5px;
  margin: 0px 5px 10px 10px;
  border: 1px solid #adddcf;
  overflow: hidden;
  width: 250px;
  height: auto;
  background-color: #ffffff;
}

div.image_container_wide {
		padding: 5px;
  margin: 0px 0px 10px 0px;
  border: 1px solid #adddcf;
  overflow: hidden;
  width: auto;
  height: auto;
}

div.article_text {
  /* Hides from IE-mac \*/
  * float: left;
  * margin: 0px 15px 0px 0px;
  /* End hide from IE-mac */
}


div.h1 {
  font-size: medium;
  font-weight: bolder;
  margin-bottom: 0.5em;
  color: #006699;
} 

div.ingress {
  font-size: small;
  margin-bottom: 0.5em;
}

a.ingress {
  font-size: small;
}


div.body, p.body {
 	 margin: 0;
   font-size: small;
}

div.hidden {
 	 display: none;
}

div.body b {
  font-weight: bold;
} 

div.body p {
  margin-bottom: 1em;
}

div.caption {
		font-size: small;
  margin-bottom: 0.5em;
}

div.metadata {
		font-size: x-small;
}

img.small {
	width: 100%;
 border: 0px;
} 

img.original {
	width: auto;
	height: auto;
 border: 0px;
} 


div#utvikling {
border: 1px dotted #ff0000;
margin: 20px;
padding: 20px;
font-size: larger;
color: #ff0000;
font-weight: bold;
clear: both;
}

table.headlines {
  width: 100%;
}

table.headlines td {
  width: 50%;
  vertical-align: top;
}

form.input {
}

form.input input {
  width: 500px;
}

form.input input.button, form.input button  {
  width: 100px;
}

form.input select {
  width: 500px;
}

form.input textarea {
  width: 500px;
  height: 100px;
}

div#imagePopup {
  background-color: #ffffff;
  border: 1px solid black;
  width: auto;
  height: auto;
  display:none;
  text-align: center;
}

div#imagePopup img {
  width: auto;
  height: auto;
  margin: 20px;
  
}

div#imagePopup div.caption {

}

p {
margin-top: 0px;
margin-bottom: 5px;

}

div.photoThumbnail {
  width: 125px;
  height: 90px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

div.photoThumbnail img {
  width: 125px;
  border: 0px;
}

div.photoFull {
  width: 400px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  overflow: hidden;
}

div.photoFull img {
  width: 100%;
  border: 0px;
}

div.nobr {
clear: both;
}