@charset "utf-8";
/* CSS Document */

html {
}

body {
	font-family:"Capri", "Lucinda Sans", Helvetica, Arial, sans-serif;
	font-size:0.8em;
	color: #333333;
}

div, 
form {
	padding:0;
	margin:0;
}

#header {
	color:white;
	font-size:0.85em; 
	/*border:1px solid red;*/
}

#footer { 
	margin-bottom:1em;
	text-align:right; 
	font-size:0.85em; 
	padding:2px 0;
	color:white;
	background-color:#6699CC;
	border-top:1px solid #e8f6f7;
	border-bottom:1px solid #e8f6f7;
	background-image:url("img/breadcrumb-bg.png");
	background-repeat:repeat-x;
	background-position:top;
}

#header .topheader { 
}

#header .banner {
	height:85px;
	background-image:url("img/logo.jpg");
	background-repeat:no-repeat;
}

#header .bannerwrap {
}

#header .bottomheader { 
	padding-left:5px;
	overflow:auto;
	background-color:#6699CC;
	border-bottom:1px solid #8cacbb;
	border-top:1px solid #8cacbb;
	background-image:url("img/breadcrumb-bg.png");
	background-repeat:repeat-x;
	background-position:top;
}

#header div.underbottom {
	border-top:1px solid #e5f0f6;
	border-bottom:1px solid #8cacbb;
	overflow:auto;
	padding:2px 0;
	background-color:#f9f9f9;
	background-image:url("img/bar-bg.png");
	background-repeat:repeat-x;
}

#header div.underbottom form {
	width:50%;
	float:left;
}

#header input.searchbox {
	border:1px solid #aaaaaa;
	padding:auto 1px;
	font-size:1.5em;
	margin-left:5px;
	margin-bottom:1px;
	width:195px;
	background-image:url("img/input_background.gif");
	background-repeat:repeat-x;
}

#header div.underbottom input.searchsubmit {
}

#header div.underbottom .pageicons {
	padding-top:4px;
	float:right;
	width:30%;
}

/* <a> in the header sections: */
#header, #header a { 
	color:white; 
}

#header a {
	text-decoration:none; 
	display:inline-block;
	padding:0 8px;
}

#header .topheader a { 
	display:inline-block;
	width:100px;
	letter-spacing:0.4em;
	cursor:pointer;
	/*border:1px solid red;*/
}
#header .bottomheader a { }

#header .topheader a:hover { 
	color:#ffffff; 
	border:1px solid #51cbe7;
}
#header .bottomheader a:hover { 
	color:#ffffff; 
}

.breadcrumb { 
	display:block; 
	float:left; 
	height:15px; 
	padding:0 0; 
}

a.breadcrumb { padding:0 2px; }

.topheader .breadcrumb { 
	display:block; 
	float:right; 
	padding:0 0; 
}

#footer a, 
#footer a:visited { text-decoration:none; color:#ffffff; }

#footer a.icon { padding-right:2px; }

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h4 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { 
	color:#2d5b7d;
}

h1 {
	font-size:1.75em;
	text-align:left;
	font-weight:normal;
	padding:0.1em;
	margin:0;
	border-bottom:1px solid #eeeeee;
}

h2 {
	font-size:1.5em;
	font-weight:normal;
	text-align:left;
	font-weight:normal;
	padding:3px 0 0 0;
	margin:5px 0;
	border-bottom:1px solid #eeeeee;
}

h3 {
	font-size:1.1em;
	font-weight:normal;
	padding:0;
	margin:0.1em 0;
}

ul {
}

a img { border:none; }

/* Global setting for HTML <a> elements */
a, a:visited {
	color:#4d84ad;
	text-decoration:none;
}

a:hover {
	color:#0066FF;
	text-decoration:none;
}

a#printpage,
a#rss,
a#rss-text,
a#login,
a#totop,
a#flag_en,
a#flag_no,
a#language {
	display:block;
	float:right;
	width:10px; /* acts like padding??? */
	height:16px;
	background-repeat:no-repeat;
	font-size:10px;
	text-decoration:none;
}

a#printpage {
	background-image:url("img/print_icon.gif");
}

a#rss {
	background-image:url("img/customrssfeed.gif");
}

a#rss-text,
a#language {
	padding-top:2px;
	width:auto;
}

a#flag_en {
	background:url("./icons/flag_en.gif") no-repeat 0 2px;
}

a#flag_no {
	background:url("./icons/flag_no.gif") no-repeat 0 2px;
}

a#login {
	width:20px;
	background-image:url("img/key.gif");
}

a#totop {
	padding-right:10px;
	background-image:url("img/arrow-up.gif");
}

a.anchor, a.anchor:visited, a.anchor:hover {
	text-decoration:none;
	color:#333333;
}

#content {
	/*border:1px solid red;*/
}

/*#content a, #content a:visited {
	color:#2d5b7d;
	color:#9dc5ec;
	color:red;
}

#content a:hover {
	color:#0066FF;
	text-decoration:none;
}
*/

.centered { text-align:center; }

.page-intro {
	text-align:justify;
	font-size:1.2em;
	padding-bottom:4px;
	margin-bottom:8px;
	border-bottom:1px solid #eeeeee;
}

.paragraph {
	clear:both;
	margin-bottom:1em;
	text-align:justify;
}

.paragraph .text { }

.byline {
	color:#999999;
	font-size:0.75em;
	text-indent:0.5em;
	font-weight:normal;
}


/*****************  SECTION: IMAGES ******************/

.illustration {
	float:right;
	text-align:left;
	margin:0 auto 12px 12px;
	padding:4px;
	border:1px solid #eeeeee;
	background-color:#f9f9f9;
	font-size:0; /* Fixes a layout problem in IE */
}

.imagetext {
	font-size:12px;
	display:block;
	float:none;
	clear:both;
	text-align:left;
	padding:0.3em 0.3em;
	overflow:auto;
}

p.imagetext {
	padding:0.3em 0;
	margin:0;
}

.imagecredit {
	margin-top:0.2em;
	display:block;
	float:none;
	text-align:right;
	color:#888888;
	font-size:0.85em;
	font-weight:bold;
}

.paragraph .fullwidth {
	width:100%; 
	overflow:hidden;
	float:none;
	clear:both;
}

.paragraph .fullwidth img {
	/*max-width:100%;*/ /* Percentage max-width here is not working properly in FF3 */
	max-width:675px;
}

.paragraph .fullwidth .illustration {	
	float:none; /* overrides float:right */
	text-align:left;
	font-size:0;
	margin:10px auto;
}

/********************************************************************/

.news-teaser-split {
	clear: both; 
	height:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC; 
	width:100%;
	/*border:1px solid red;*/
}

.h-line {
	clear: both; 
	height:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC; 
	width:100%;
	/*border:1px solid red;*/
}


/*************************************************************
* 				News
*************************************************************/
/* Archive stuff */
.on-off,
.open { background-color:#c5dae7; }

.on-off:hover,
.open { background-color:#81ADC8; color:#ffffff; }
/* End of archive stuff */

/* Headings for news archives */
h3.news-archive-title {
	float:left;
	width:100%;
}

.news-text { padding:1em; } /* same as .content-body */

.news-text .illustration { 	
	width:310px; /* Needs padding+2px because of highslide, which adds a 1px border (= +2px in width) */
}

.news-list .news .timestamp {
    padding:0 0.85em 0 1.5em;
}

.news-list .news:first-child {
	margin-top:1em;
}
.news-list .news a img {
    margin:-15px 0 5px 5px;
}

/*************************************************************
* 			END OF NEWS ATTRIBUTES
*************************************************************/

.publication {
	margin-bottom:1em;
}


/*****************************/
/*         galleries         */
/*****************************/

.descriptor {
	display:block;
	overflow:auto;
	clear:both;
	float:none;
	padding:4px;
}

.descriptor h4 {
	padding:0;
	margin:0;
}

/* Gallery list */
.descriptor img {
	float:left;
	padding:2px 4px 4px 4px;
	margin-right:4px;
}

/* Thumbnails (links to larger images) */
.gallery .gallerythumb a.thumbnail {
	border:1px solid #eeeeee;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	width:140px;
	height:144px;
	position:relative;
	/*border:1px solid red;*/
}

/* Hovering over thumbnails */
.gallery .gallerythumb a.thumbnail:hover {
	border:none;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	text-decoration:none;
	display:table-cell;
}

/* Thumbnail wrapper */
div.thumbnail {
	display:table;		/* important because of vertical alignment */
	float:left;
	width:142px;
	height:142px;
	position:relative;
}

/* Text links below the thumbnails */
.gallery-copyright-link {
	height:25px;
	width:100%;
	text-align:center; 
	position:relative;
}

/* Wrapper for thumbnail and text link */
.gallerythumb {
	display:block;
	float:left;
	clear:none;
	margin:0 1px;
	margin-bottom:20px;
	width:144px;
	height:160px;
	text-align:center; /* needed for thumbs to be horizontally centered in FF */
	position:relative;
}

.gallerythumb img {
	margin:0;
	padding:0;
	border:1px solid #eeeeee;
	top:0;
	position:relative;
}

.gallerythumb a.thumbnail, .gallerythumb a.thumbnail:visited {
	border:1px solid #eeeeee; /* needs a border, or border:none to work properly */
}

.gallerythumb a img {
}

.gallerythumb a:hover img {
}

#ZoomCaption { /* FancyZoom captions */
	padding-top:4px;
}


/********************** END OF GALLERIES ***************************/

.smallhead {
	font-size:1.1em;
	font-weight:bold;
}

#leftside .naviwrap { border-right:2px dotted #eeeeee; }

#rightside .box-splitter {
	height:2px;
	border-top:2px dotted #eeeeee;
	margin:1em 0 0.8em 0;
}

#rightside .box {
	border-left:2px dotted #eeeeee;
	padding:0 1em;
}

#rightside #services {
	background-image:url('img/kart_wms_small.jpg'); 
	background-repeat:no-repeat;
	padding-top:2em;
	padding-left:2em;
	/*height:235px;*/
	height:132px;
}

#rightside #services ul,
#rightside ul.publications {
	list-style:none;
}

#rightside #services ul {
	padding:0.5em;
	margin-top:0;
	margin-left:1em;
}

#rightside a#button-annual-report {
	background:url('img/seapop-arsbrosjyre-2009.png') top center no-repeat;
	display:block;
	padding-top:110px;
	text-align:center;
	/*height:94px;
	width:74px;*/
	margin:0 auto;
}

#rightside ul.publications {
	margin:1em 0 0 0;
	padding:0;
}

#rightside ul.publications li {
	border-bottom:2px dotted #eeeeee;
	padding-bottom:0.5em;
}

#rightside li {
	margin-bottom:0.5em;
}