/* $Id: screen.css 27755 2010-12-09 14:08:37Z ivar $ */
@import url(/common/css/form.css);
@import url(/common/css/searchform.css);
@import url(/common/css/comments.css);

/*
    colors
        green       5cbb56
        orange      f26531
        blue        39c
        (blue        00b7f0)

    alternative, lighter colors
    (not used)
    green       6dc468
    orange      f07c51
    blue        4abfe2
*/

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background: #FFF url(../gfx/back.jpg) repeat-x left top;
}

/* globals */
* {
	padding: 0;
	margin: 0;
}

a {
	color: #006587;
	text-decoration: none;
}

a:hover { text-decoration: underline; }
p { margin-bottom: 1em; }
.caption p { margin-bottom: 0; }
.print {
	padding-right: 17px;
	float: right;
	background: url(../gfx/button_print.gif) no-repeat right 2px;
}
ul { list-style: none; }

#frontpage ul, #article ul, #folder ul, #formpage ul {
	/* regular ul needed in these areas */
	list-style: disc;
	padding: 1ex 1ex 0 1ex;
}
.addons ul li.note ul { list-style: disc; }
.addons ul li.note ul li,
#frontpage ul li,
#article ul li,
#folder ul li,
#formpage ul li
{
	/* regular li needed in these areas */
	padding: 0;
	margin: 0 0 .5em 1em;
}
.addons ul li.note ol li,
#frontpage ol li,
#article ol li,
#folder ol li,
#formpage ol li
{
	/* regular li needed in these areas */
	padding: 0;
	margin: 0 0 .5em 1.8em;
}
img a, a img { border: 0; }

/* positions */
#mainframe {
	width: 945px;
	margin: 0 auto;
	position: relative;
}

#mainframe .logo {
	position: absolute;
	top: -15px;
	left: 7px;
}

#header { height: 100px; }
#topmenu { height: 21px; }
#topmenu ul { float: right; }
#topmenu span.left { float: left; }
#topmenu li { float: left; }

#tree {
	float: left;
	width: 132px;
	margin-right: 5px;
}

#content {
	float: left;
	width: 468px;
	margin-right: 5px;
}

.addons {
	float: left;
	margin-right: 0;
	width: 150px;
	word-wrap: break-word;
}

#adrow
{
	height: 150px;
	width: 958px;
	margin-left: auto;
	margin-right: auto;
}

#adrow .top768 {
	width: 768px;
	float: left;
	margin-top:0;
}

#adrow .top180 {
	width: 180px;
	float: right;
	margin-top:0;
}

#adcol {
	float: right;
	width: 180px;
}

#adcol2 { width: 150px; }

#adcol a, #adcol2 a {
	display: block;
	margin-top: 8px;
}

/* canvasstyle */
a.butt, .fpboks form input {
	border: 1px #999 solid;
	padding: 2px 3px 1px 3px;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000;
}
a.butt:hover {
	background: #006587;
	color: #fff;
}

#frontpage .item img,
#article img { border: 1px solid #ccc; }

.fpboks .newsletter { padding: 2px 6px; }
.fpboks .newsletter input {
	font-size: 11px;
	text-align: left;
}
.fpboks .newsletter .submit {
	margin-top: 1px;
	display: inline-block;
}
.fpboks .newsletter .radiocheck input { width: auto; }
.fpboks .success,
.fpboks .alert {
	font-size: 11px;
	margin: 0 6px 5px;
}


#mainframe {
	background: #FFF;
	border: 7px solid #fff;
	margin-top: 7px;
}
#print{display: none;}
#header { background: url(../gfx/snake.gif) #39C no-repeat 360px top; }
#header a#jubileum { margin-left: 60px; }
#header li.selecta a { color: #ccc; }

#header form input {
	position: absolute;
	top: 70px;
	left: 770px;
	width: 120px;
	border: 1px #999 solid;
	padding: 1px 0;
	font-size: 11px;
	max-height: 18px;
}

#header a.butt {
	position: absolute;
	top: 70px;
	right: 13px;
	text-transform: uppercase;
}

/* sok txt */
#header .sok {
	position: absolute;
	top: 50px;
	left: 770px;
	color: #fff;
	font-size: 12px;
}

/* topmenu */
#topmenu {
	background-color: #b5dcf5;
	margin-top: 5px;
}

#topmenu ul,
#topmenu span.left { padding-top: 2px; }

#topmenu li a,
#topmenu a {
	text-transform: uppercase;
	color: #004c6f;
	margin: 0 10px;
	font-size: 10px;
	line-height: 18px;
}

/* tree */
#tree { margin-top: 8px; }

#tree ul a {
	display: block;
	text-decoration: none;
}

#tree li { background: #39c url(../gfx/tree_back.gif) repeat-y left top; }
#tree ul.green li { background: #5cbb56 url(../gfx/tree_back.gif) repeat-y left top; }
#tree ul.orange li { background: #f26531 url(../gfx/tree_back.gif) repeat-y left top;}
#tree ul.green li.rss a { background: url(../gfx/rss.gif) no-repeat 114px center; }

#tree li a:hover,
#tree ul.blue li.rss a:hover {
	background-color: #868789;
	color: #fff;
}

#tree ul.first li.expanded { background-color: #868789; }
#tree ul.first li.expanded a { color: #fff; }

#tree ul.first li.expanded ul li a {
	background-color: #eee;
	color: #000;
}
#tree ul.first li.expanded ul li a.selected { font-weight: bold; }


#tree ul.orange li a.selected, #tree ul.blue li a.selected { background-color: #868789; }

#tree ul.first li ul li a.selected,
#tree ul.first li.expanded ul li a:hover {
	background-color: #868789;
	color: #fff;
}

#tree ul li .title { background: #b1b3b4 url(../gfx/da2e1a.gif) no-repeat 110px 10px; }

#tree ul li.active ul li a {
	background-color: #868789;
	color: #fff;
}

#tree ul a,
#tree ul .title {
	color: #fff;
	text-align: none;
	padding: 5px 2px 5px 10px;
	font-size: 11px;
	border-bottom: 2px #FFF solid;
}

#tree #subscriptor {
	margin: 15px 5px 0 5px;
	border: 2px #fff solid;
	text-align: center;
	padding-bottom: 5px;
}

#tree #subscriptor .title {
	background: #da2e1a;
	color: #fff;
	padding: 1px 12px 1px 7px;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 12px;
}

#tree #subscriptor input {
	width: 90px;
	display: block;
	margin: 0 auto 5px auto;
}

#tree #issue {
	margin: 15px 5px 0 5px;
	text-align: center;
}

#tree #disclaimer { text-align: center; }

#tree #issue img,
#tree #disclaimer img {
	display: block;
	margin: 15px auto 0 auto;
}

div.addons { margin-top: 8px; }
.addons .item {
	margin-bottom: 8px;
	padding: 5px 8px;
	border: 1px solid #39c;
}
ul.addons li {
	border-top: 2px solid #39c;
	margin-bottom: 8px;
	padding: 5px 8px;
    background: #eee;
    font-size: 11px;
}
ul.addons li li {
	padding: 0;
	border: 0;
	background: none;
}

.addons .title {
	color: #39c;
	font-size: 11px;
	font-weight: bold;
}
.addons h3 a { color: #000; }

.addons .green { border: 1px solid #5cbb56; }
.addons .green .title { color: #5cbb56; }
.addons .orange { border: 1px solid #f26531; }
.addons .orange .title { color: #f26531; }

.addons .body { padding-bottom: 0.1em; }

.addons form#newsletter input,
.addons form#newsletter a.butt {
	font-size: 11px;
	border: 1px solid #999;
}
.addons form#newsletter input {
	margin-bottom: 6px;
	width: 130px;
}

.addons #stilling .jobb {
	font-size: 11px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 2px 2px 2px 5px;
	background-color: #eee;
}
	
.addons #stilling .readmore, .jobad .showall_cont
{
	text-align: right;
	width: auto;
	margin-bottom: 5px;
}
.addons #stillinger {
	list-style-type: square;
	list-style-position: outside;
	color: #39c;
	margin-left: 15px;
	padding-top: 1px;
}
.addons .farmno { padding: 6px 6px 0; }
.addons .farmno .title {
	color: #000;
	font-weight: bold;
}
.addons .farmno .caption { padding-bottom: 1px; }
.addons .alljobs,
.addons .allnews {
	margin: 5px 8px 0;
	display: block;
}
.addons #stilling .readmore, .jobad .showall_cont .showall
{
	background-color: #fff;
	padding: 1px 5px;
	margin: 5px 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.addons h4 { padding-bottom: .5em; }

.addons ul li.link .title a,
.addons ul li.note .title a {
	color: #006587;
	font-size: 11px;
}

/* assets */
.addons ul li.asset {
	font-size: 11px;
	padding: 2px 2px 2px 5px;
}

/* items */
.addons ul li.note ul.items li .title {
	font-weight: normal;
	margin-top: 2px;
}

/*
.addons ul li .title {
	background: transparent url(../gfx/title_bg.gif) repeat-y right top;
	color: #fff;
	padding: 1px 12px 1px 7px;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 12px;
}
*/

/*
.addons ul li .date {
	padding: 0 7px;
	margin-bottom: -10px;
}
*/

/*
.addons ul li .title a {
	color: #fff;
	text-decoration: none;
}
.addons ul li .linkwarning  {
	color: #666;
	text-decoration: italic;
	padding: 7px 12px 1px 7px;
}
.addons ul li .body {
	padding: 0 7px;
	font-size: 11px;
}
.addons ul.items li {
	margin-bottom: 0;
	padding: 0;
}
.addons ul.items li .title {
	background: transparent;
	font-weight: normal;
	margin: 7px 0 0 0;
}
.addons ul.items li .title a { color: #000; }
.addons ul.items li .body { margin-left: .8em; }
.addons ul.related {
	border-left: 1px #da2e1a solid;
	border-bottom: 1px #da2e1a solid;
	padding: 0 0 7px 0;
	margin: 7px 0 15px 0;
}
.addons ul.related li {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
}
.addons ul.related li ul li { border-left: 0; }
.addons ul.related li ul li .title.links {
	background: transparent;
	color: #da2e1a;
	font-weight: bold;
}
.addons ul.related li ul li.links .title { margin: 0; }
*/

/*
#adcol {
	margin-top: 8px;
	border-top: 1px solid #e1e9d8;
	background: #e1e9d8 url(../gfx/pix.gif) repeat-x left top;
}
*/
/*
.bubble { margin: -6px -5px 0 -5px; }
.bubble .north { background: transparent url(../gfx/bubble_n.gif) repeat-x left top; }
.bubble .east { background: transparent url(../gfx/bubble_e.gif) repeat-y right top; }
.bubble .south { background: transparent url(../gfx/bubble_s.gif) repeat-x left bottom; }
.bubble .west { background: transparent url(../gfx/bubble_w.gif) repeat-y left top; }
.bubble .nw { background: transparent url(../gfx/bubble_nw.gif) no-repeat left top; }
.bubble .ne { background: transparent url(../gfx/bubble_ne.gif) no-repeat right top; }
.bubble .se { background: transparent url(../gfx/bubble_se.gif) no-repeat right bottom; }
.bubble .sw { background: transparent url(../gfx/bubble_sw.gif) no-repeat left bottom; }
.bubble .inner {
	padding: 15px 12px 35px 12px;
	background-image: none;
}
.bubble h3 {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
}
.bubble h2 {
	margin-bottom: 0;
	font-size: 12px;
}
.bubble .body { font-size: 11px; }
.bubble img {
	float: right;
	margin: 0 0 3px 5px;
}
*/

#footer {
	background: ;
	padding: 2px;
	text-align: center;
	color: ;
	font-size: 11px;
}

#footer span {
	border-left: 1px #fff solid;
	padding: 0 1em;
}

#footer span.first { border: none; }

#footer span a {
	color: #fff;
	text-decoration: none;
}

/* typestyle */
h1 {
	padding-bottom: .5em;
	background-color: #fff;
	font-size: 28px;
	line-height: 1.25;
}
h2, h3, h4 {
	margin-bottom: 0;
	line-height: 1.25;
}
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 11px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }
.item h1,
.item h2,
.item h3,
.item h4 { padding-bottom: .25em; }
.item .date {
	display: block;
	padding-bottom: .25em;
}
.caption .date { display: inline; }
.item .category { color: #999; }

.addons h3 { font-size: 12px; }

.body h2,
.body h3,
.body h4 { margin: 1em 0 .5em; }

.caption h4 { 
  font-size: 11px;
  font-style: italic;
}
.caption h5 { 
  font-size: 11px; 
  font-style: italic;
  font-weight: normal;
}
.body h4 { 
  font-size: 11px;
  font-style: italic;
}
.body h5 { 
  font-size: 11px; 
  font-style: italic;
  font-weight: normal;
}

.item.wide .caption { font-size: 13px; }

.caption { padding-bottom: .5em; }

.body { padding-bottom: .5em; }

/* stop inheritance */
.alert { color: #F30; }

/* objectstyle */
#frontpage,
#folder,
#formpage,
#debate,
#search,
.fpboks { margin-top: 8px; }


#frontpage .item {
	width: 220px;
	padding-left: 10px;
}


#frontpage .item.wide, #adboard {
	width: auto;
	background-color: #FFF;
}

.wide:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

li.toplevel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#frontpage .item.left { float: left; }
#frontpage .item.right { float: right; }

#frontpage .item.wide img.half { margin: 5px 0; }

#frontpage .item img { margin-bottom: 5px; }

#frontpage h2 { margin-bottom: .5em; }

#frontpage .caption {
	font-weight: normal;
	margin-bottom: .2em;
}

#frontpage .wide .readmore { font-size: 12px; }
.readmore { font-size: 11px; }


#frontpage .date { font-size: 80%; }
#frontpage .spacer { background: #fff url(../gfx/e2e3e4.gif) repeat-x 0 center; }
#frontpage .survey .spacer.five { background: none; }

#frontpage .survey .bar {
	background: transparent url(../gfx/title_bg.gif) repeat-y right top;
	padding-left: 2px;
	color: #BFBFBF;
}

#frontpage .survey .bar.none { background: none; }

#frontpage .survey h3 {
	font-size: 10px;
	margin-top: 5px;
	font-weight: normal;
}

#article,
#folder,
#formpage,
#debate,
#search,
#newsarchive { padding: 8px; }

#article .mainimage { margin-bottom: 10px; }
#article .imagetext { margin-top: 3px; }
#article .caption {
	margin-bottom: 10px;
	font-size: 13px;
	padding: 0;
	font-weight: bold;
}
#article .caption p { margin-bottom: 0; }
#article .byline {
	margin: 10px 0;
	border-top: 1px solid #ddd;
	overflow: hidden;
	padding: 10px 0 0;
}
#article .date,
#article .author {
	font-size: 11px;
	line-height: normal;
	float: left;
	margin: 0 1ex 0 0;
}

#article #keywords {
	font-size: 11px;
	margin: 15px 0;
}

#article #keywords h4 {
	display: inline;
	font-size: 11px;
}

/* ledig stilling */
#article.jobad, #article.jobs { font-size: 12px; }
#article.jobs .item	{
	padding:5px; 
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc; 
	margin: 5px 0; 
	background-color:#eee;
}
#article.jobs .title { font-size: 14px; }
#article.jobs h3{
	background-color: #39c;
	padding: 2px 2px 2px 5px;
	color: #fff;
	font-weight: bold;}
	
#article.jobad .caption {
	font-size: 10px;
	font-style: italic;
}
	
#article.jobad .item
{
	position: relative;
}
#article.jobs .item .deadline{color:#666;}
#article.jobad .item .lable, #article.jobad .item .data
{
	position: absolute;
	left: 105px;
}
.label, .data{display:inline; margin-right:5px;}
.label{font-weight:bold;}

#formpage legend { display: none; }

#formpage fieldset {
	background: #f1f1f1;
	border: 2px #e2e3e4 solid;
	padding: 0 2px;
	margin: 15px 0;
	font-size: 11px;
}

#formpage fieldset .title { padding: 1ex; }
#formpage .alert { font-weight: bold; }

#formpage label {
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 1ex 1ex 0;
	/*clear: both;*/
}

#formpage .text, #formpage .textarea, #formpage .select, #formpage .multiple, #formpage .radioselect {
	float: left;
	margin-bottom: 1ex;
}

#formpage .check, #formpage .radio {
	float: left;
	margin-bottom: 0;
}

#formpage .select, #formpage .multiple, #formpage .text, #formpage .textarea { width: 220px; }

#formpage span.checkval {
	/*display: block;*/
	float: left;
	margin-left: .2ex;
}

#formpage a.butt { margin: 0 0 1ex 155px; }

ul.contentlist li { list-style: none; }

#folder ul.contentlist {
	list-style: none;
	padding: 1ex 0 0;
}
#folder ul.contentlist li { margin: 0 0 1em; }

ul.contentlist .caption {
	font-weight: normal;
	margin-bottom: 0;
}

ul.contentlist .image {
	float: right;
	margin: 0 2px 0 5px;
}

ul.contentlist ul.contentlist p { margin-bottom: 0; }
ul.contentlist .title,
ul.contentlist .date { font-size: 12px; }
ul.contentlist .date { margin-left: 5px; }
ul.contentlist .comments-number {
	display: block;
	font-size: 11px;
}
ul.contentlist .comments-number a { color: #000; }

#archive li { margin-bottom: 1em; }
#archive li.top { display: none; }
#archive dt,
#archive dd {
  display: inline;
  font-size: 12px;
}
#archive dd {
  margin-left: 5px;
}
#tablepage {
	padding-bottom: .5em;
	border-bottom: 1px solid #ddd;
}
#tablepage b {
	margin-right: 5px;
	font-weight: normal;
	text-decoration: underline;
}
#tablepage a { margin-right: 5px; }
#tablepager {
	padding-top: .5em;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
#tablepager .prev { float: left; }
#tablepager .next { float: right; }


.comments, .fpboks table {
	background: #f1f1f1;
	border: 2px #e2e3e4 solid;
	padding: 0 2px;
	margin: 15px 0;
	font-size: 11px;
}
.fpboks table tr td h1{ background-color: #f1f1f1; }

.comments h5 {
	font-size: 9px;
	margin-bottom: 0;
}

.comments h4 {
	display: inline;
	font-size: 11px;
}

.comments p { font-size: 11px; }

.comments table {
	border: 1px #e2e3e4 solid;
	margin: 1px 0;
}

.comments th {
	text-align: left;
	font-size: 9px;
}

.comments th, .comments td {
	padding: 1px 2px;
	border-bottom: 1px #e2e3e4 solid;
}

.comments tr.flip th,
.comments tr.flip td { background-color: #fbfbfb; }
.comments tr.flop th,
.comments tr.flop td { background-color: #fff; }
.comments .alert { font-weight: bold; }
.comments tr.spacerow td { background-color: transparent; }
.prevnext { text-align: center; }

.prevnext .prev {
	float: left;
	font-weight: bold;
}

.prevnext .next {
	float: right;
	font-weight: bold;
}

#commentWin { border-bottom: 1px #000 solid; }

#commentWin .comment {
	padding: 5px;
	border-top: 1px #000 solid;
}

#commentWin .caption { margin: 5px 5px .2em 5px; }
#commentWin h1 { margin: 5px 5px .2em 5px; }
#commentWin h2 { margin-bottom: 5px; }
#commentWin .body { margin: 5px 0; }

#commentWin h3 {
	width: 70%;
	float: left;
	font-size: 11px;
	margin-bottom: 0;
}

#commentWin .date {
	float: right;
	width: 25%;
	text-align: right;
	font-weight: bold;
}

#commentWin .body {
	clear: both;
	padding-top: 5px;
}

#commentWin a.report {
	display: block;
	text-align: right;
}

#commentWin h5 {
	font-size: 11px;
	margin: 5px 0 0 0;
}

table.enkel {
	border: 1px #000 solid;
	border-width: 1px 0 1px 0;
	margin-bottom: 1em;
}

table.enkel td {
	padding: .2em 10px .2em 0;
	vertical-align: top;
}

table.enkel tr:first-child td  {
	font-weight: bold;
	border-bottom: 1px #ccc solid;
}

.minikolofon img { border: 1px solid #ccc; }


/* dynaparked */
/*gimage funker ikke*/ 
/**/
#content .body img[align="left"] { margin: 10px 15px 10px 0; }
#content .caption img[align="left"] { margin: 10px 15px 10px 0; }
#content .caption img[align="right"] { margin: 10px 0 10px 15px; }
#content .body img[align="right"] { margin: 10px 0 10px 15px; }
#content .body img[align="center"]{
	text-align: center;
	margin: 0 auto;
	margin: 10px 0;
}
#content .caption img[align="center"] {
	text-align: center;
	margin: 0 auto;
	margin: 10px 0;
}
#content .body img[valign="top"] { margin-bottom: 5px; }
#content .caption img[valign="top"]	{ margin-bottom: 5px; }
#content .body img[valign="bottom"] { margin-top: 5px; }
#content .caption img[valign="bottom"]{ margin-top: 5px; }

#adcol {
	background-image: url(../gfx/adback.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/*
.gimage { background: transparent; }

.gimage div {
	font-size: 9px;
	line-height: normal;
}

.gimage.left {
	float: left;
	padding: 10px 10px 10px 0;
}

.gimage.right {
	float: right;
	padding: 0 0 10px 10px;
}

.gimage.center {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}

.gimage .gbottom { padding-top: 3px; }
.gimage .gtop { padding-bottom: 3px; }
img.gimg { border: 0; }
*/
.annonse
{
	background: url(../gfx/ann.gif) no-repeat right top;
	margin-top: 8px;
}

/* useful stuff */
.spacer {
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 1px;
	height: 1px;
}

.spacer.one { height: 1px; }
.spacer.five { height: 5px; }
.spacer.fifteen { height: 15px; }

.spacer.thirty {
	height: 20px;
	border-bottom: 1px solid #e1e9d8;
	margin-bottom: 10px;
}

/*outline: 1px red dashed;*/


