/* $Id: screen.css 21147 2009-09-22 06:23:46Z vidars $ */

/*gloriapark*/
@import url(/common/css/gloriapark.css);
/*comments*/
@import url(/common/css/comments.css);
/*form*/
@import url(/common/css/form.css);
/*search form*/
@import url(/common/css/searchform.css);

body
{
  background-color: #464540;
  font-family: Arial, Helvetica, verdana, sans-serif;
  font-size: 62.5%;
  text-align: center;
  margin: 12px;
  margin-bottom: 48px;
}
/* globals */
* {
  padding: 0;
  margin: 0;
}
a {
  color: #8A1609;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
p { margin-bottom: 1em; }
ul { list-style: none; }
#content ul { /* regular ul needed in this area */
  list-style: disc;
  padding: 1ex 1ex 0 1ex;
  margin: 0 1ex 0 1em;
}
#content ul li { /* regular li needed in this area */
  padding: 0;
  margin: 0 0 1em 0;
}

img { border: none; }

/* positions */
#mainframe {
  width: 956px;
  margin: auto;
  padding: 8px;
  background-color: #fff;
}

#header
{
  height: 93px;
  background: #932411 url(../gfx/bg_header.jpg) no-repeat;
  margin-bottom: 8px;
  text-align: left;
}

#header #logo { float: left; }

#header #headersearch
{
  width: 300px;
  float: left;
  margin-top: 25px;
  margin-left: 50px;
}

#header #headersearch p
{
  color: #fff;
  margin-bottom: 4px;
}

#header #headersearch #quicksearch input
{
  border: 1px solid #000;
  width: 180px;
  height: 20px;
  background-color: #fff;
  float: left;
  margin-right: 4px;
}

#header #headersearch #quicksearch a.butt
{
  border: 1px solid #000;
  width: 50px;
  height: 16px;
  background-color: #fff;
  color: #000;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  padding-top: 4px;
  font-size: 1.1em;
}

#header #headersearch #quicksearch a:hover.butt
{
  background-color: #ccc;
  text-decoration: none;
}

#tree
{
  float: left;
  width: 134px;
  margin-right: 8px;
  text-align: left;
  background: #F7F8F3	url(../gfx/bg_tree.png) repeat-x;
  background-position: 100% 100%;
}

#tree .minikolofon,
#tree .currentissue
{
  margin-left: 8px;
  font-size: .9em;
  line-height: 1.4em;
}

#tree .minikolofon a
{
  color: #000;
  text-decoration: underline;
}

#tree .minikolofon a:hover
{
  text-decoration: none;
}

#tree .currentissue
{
  margin-top: 16px;
  margin-bottom:16px;
}

#tree .njfflink
{
  margin-left:8px;
}

#content
{
  float: left;
  width: 468px;
  text-align: left;
  margin-right: 8px;
}
.addons
{
  float: left;
  width: 150px;
  margin-right: 0;
}

#article .addons { width: 230px; }

#adrow {	margin-bottom: 8px; }
#adrow .top768
{
  width: 768px;
  float: left;
}
#adrow .top180
{
  width: 180px;
  float: right;
}
#adcol
{
  float: right;
  width: 180px;
  background: #F7F8F3 url(../gfx/bg_tree.png) repeat-x;
  background-position: 100% 100%;
  text-align: left;
}
#adcol2
{
  width: 150px;
  text-align: left;
  min-height: 512px;
  background-color:#efefef;
}
#adcol a, #adcol2 a {
	display: block;
	margin-bottom: 10px;
}

#adcol2 .notes .note .caption a{display:inline; font-size:1em; font-weight:normal;}

#adcol2 h2
{
  font-size: 1.2em;
  color: #000;
  background-color: #d8d9d4;
  padding: 4px;
  margin-bottom: 4px;
  min-height: 18px;
}
#adcol2 .notes { padding: 0 0 5px 5px; }


#adcol2 .note p, #adcol2 .note .caption, .shortnews .caption{font-size:1.1em; font-weight:normal; margin-bottom:.5em;}
#adcol2 .note a img{float:left; padding-top:2px;}
#adcol2 .note a .title{margin-left:13px;}

#adcol2 .survey .spacer.five { background: none; }
#adcol2 .survey{padding-left:5px;}
#adcol2 .survey h2{padding-left:5px; margin-left:-5px;}
#adcol2 .survey h4{margin:5px 0;}
#adcol2 .survey .bar
{
  background: transparent url(../gfx/bar/title_bg.gif) repeat-y right top;
  color: #BFBFBF;
  width: 140px;
  margin: 2px 0;
  position: relative;
}
#adcol2 .survey .bar span.tall
{
  position: absolute;
  padding-left:3px;
}
#adcol2 .survey .bar.none { background: none; }

#adcol2 .caption, #adcol2 form, #adcol2 a{font-size:1.2em; line-height:120%;}
#adcol2 img, #adcol2 p a.butt{padding:0;}
/* canvasstyle */


a.butt {
  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: #ccc;
}


#topmenu {
  height: 25px;
  width:100%;
  background: #D8D9D4 url(../gfx/bg_topmenu.png) repeat-x;
  margin-bottom:8px;
}

#topmenu .toplink
{
  float: left;
  color: #333;
  margin-top: 6px;
  margin-left: 8px;
  clear: none;
}

#topmenu ul { float: right; }
#topmenu li { float: left; }
#topmenu li a {
  display: block;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin: 6px 10px 0 10px;
  font-size: 1.1em;
}
#topmenu li a:hover {
  text-decoration: underline;
}
#topmenu li.selecta a
{
  color: #333;
  text-decoration: underline;
}
#topmenu form input {
  position: absolute;
  top: 7px;
  left: 775px;
  width: 150px;
  border: 1px #999 solid;
  padding: 1px 0;
  font-size: .9em;
  max-height: 17px;
}
#topmenu a.butt {
  position: absolute;
  top: 7px;
  right: 5px;
}

/*
#tree ul.first {
  border-top: 2px #fff solid;
  border-bottom: 2px #fff solid;
  padding-top: 25px;
}
*/

#tree ul a
{
  display: block;
  text-decoration: none;
}
#tree li {
  border-bottom: 1px #fff solid;
  background-color: #454545;
}
#tree ul.first li a.selected {
  color: #fff;
  border-left: 4px solid #A3150B;
  background-color: #717273;
}
#tree .active {
  background-color: #b1b3b4;
  color: #fff;
}
#tree li a:hover {
  background-color: #717273;
  color: #fff;
  border-left: 4px solid #A3150B;
}
#tree ul li .title { background: #b1b3b4 url(../gfx/da2e1a.gif) no-repeat 110px 10px; }
#tree ul.first li ul li { background-image: none; }
#tree ul li.active ul li a {
  background-color: #868789;
  color: #fff;
}
#tree ul a,
#tree ul .title
{
  color: #fff;
  text-align: none;
  padding: 4px 0 4px 4px;
  font-size: 1.1em;
  border-left: 4px solid #B22C13;
}

#tree ul li.expanded  { background-color: #717273; }

#tree ul li.expanded ul li,
#tree ul li.expanded ul li a,
#tree ul li.expanded ul li a:hover
{
  color: #fff;
  text-align: none;
  border: none;
  padding-left:0;
}

#tree ul li.expanded ul li a,
#tree ul li.expanded ul li a:hover {padding-left:12px;}

#tree ul li.expanded ul li a.selected
{
  background-color: #717273;
  border: none;
}

#tree #subscriptor {
  margin-top:14px;
  margin-bottom:16px;
  width:126px;
  text-align: left;
  background-color: #454545;
  padding:4px;
}
#tree #subscriptor .title {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  width:118px;
  padding:4px;
  padding-bottom:0;
}
#tree #subscriptor input
{
  width: 114px;
  display: block;
  margin: 0 auto 4px auto;
  color: #999;
  font-size: 1.1em;
  font-family: Arial, Helvetica, verdana, sans-serif;
}

#tree #subscriptor a.butt
{
  color: #fff;
  font-size: 1em;
  margin-left: 4px;
  text-decoration: underline;
  font-weight: normal;
  background: transparent;
  border: none;
}

#tree #subscriptor a:hover.butt
{
  text-decoration: none;
}


#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;
}

.addons ul li {
  margin-bottom: 15px;
  background: #e2e3e4;
  padding: 7px 0;
}
.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: 1.2em;
}
.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: 1.1em;
}
.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;
  font-size: 1em;
}
.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 a.butt,
#adcol2 a.butt,
#adcol2 p a.butt
{
  display: inline;
  font-size: .8em;
  padding:2px 3px 1px;
}

.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: 1.1em;
  font-weight: normal;
  margin-bottom: 0;
}
.bubble h2 {
  margin-bottom: 0;
  font-size: 1.2em;
}
.bubble .body { font-size: 1.1em; }
.bubble img {
  float: right;
  margin: 0 0 3px 5px;
}
#footer {
  background: ;
  padding: 2px;
  text-align: center;
  color: ;
  font-size: 1.2em;
}
#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: .8em;
  background-color: #fff;
  line-height: normal;
}
h2
{
  padding-bottom: .3em;
  line-height: normal;
}
h3,
h4
{
  margin-bottom: 0;
  line-height: normal;
}

h1 { font-size: 1.8em; }
.shortnews h1{font-size:2.2em; padding-bottom:.4em;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { font-size: 1.2em; }
.caption {
  font-size: 1.2em;
  padding-bottom: 4px;
  font-weight:bold;
}
.caption p, .body p { font-size: 100%; } /* stop inheritance */
.alert { color: #F30; }
/* objectstyle */
#article,
#folder,
#formpage,
#debate,
#search,
#frontpage {
  line-height: 180%;
}

#article .gimage { display: inline; }

#frontpage .item.wide, #adboard
{
  width: auto;
  background-color: #FFF;
}
.wide:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#frontpage a { text-decoration: underline; }
#frontpage a:hover { text-decoration: none; }

#frontpage .item h1,
#frontpage .item h1 a
{
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  padding-bottom: 4px;
  text-decoration: none;
}

#frontpage .item h2,
#frontpage .item h2 a
{
  font-size: 1.3em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin-bottom: 4px;
}
.shortnews_item h2
{
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin-bottom: 0;
}
#frontpage .item.wide { font-size: 1.1em; }

#frontpage .item.left
{
  float: left;
  width: 150px;
  line-height: 1.5em;
  font-size: .9em;
  margin-right:9px;
}

#frontpage .item.left.last
{
  margin-right:0;
}

#frontpage .item.right { float: right; }
#frontpage .item.wide img.half {
  float: right;
  margin: 2px 0 0 20px;
}
#frontpage .item img {
  float: left;
  margin-bottom: 8px;
}
#frontpage .wide img { margin-right: 5px; }


#frontpage .caption {
  font-weight: normal;
}
#frontpage .readmore { font-size: 1.2em; }
#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: 1.0em;
  margin-top: 5px;
  font-weight: normal;
}
#article .byline
{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 18px;
  padding-top: 5px;
}

#article .date,
#article .author {
  font-size: 1.1em;
  line-height: normal;
  float: left;
  margin: 0 1ex 1em 0;
}

#article .actions
{
  float: right;
  margin-top: -2px;
}

#article #keywords {
  font-size: 1.1em;
  margin: 15px 0;
}

#article #keywords h4 {
  display: inline;
  font-size: 1.1em;
}

#article .article_right
{
  float: right;
  margin: 7px 0 7px 4px;
  width: 230px;
}

#article .body{font-size:1.2em; line-height:150%; padding-bottom:10px;}
#article .right img{margin-bottom:13px;}
#article ul
{
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
}

#article li {background-color:#eee; border:1px solid #ccc; font-size:1.1em; list-style:none;  }
#article li.note ul.items li{background-color:none; border:0; font-size:1.1em; list-style:none; }
#article li .title{ background-color:#ccc; font-weight:bold;}
#article li .body, #article li .title{padding:5px; font-size:1em;}
/* note */
#article li.note ul.items li{font-size:100%; margin:0;}
#article li.note ul.items li .title, #article li.note ul.items li .body{background-color:#eee; font-weight:normal; padding:0 5px;}
/*#article li.note ul.items li .title a.iconlink*/

#article #comments_form ul li { border: 0;} 

#gtips .icon {
  padding-top: 2px;
}

#content .fpboks .item {
  font-size: 1.2em;
  margin-bottom: 1em;
}
#content .fpboks form {
  background: #F1F1F1 none repeat scroll 0 0;
  border: 1px solid #E2E3E4;
  font-size: 1.1em;
  margin: 12px 0;
  padding: 12px 20px;
}
#content .fpboks .radiocheck {
  margin-bottom: 10px;
  font-size: 1.1em;
}
#content .fpboks .submit {
  background-color: #fff;
  border: 1px solid #999;
  color: #000;
  font-weight: bold;
  padding: 2px 3px 1px;
  text-align: center;
  margin-left: 5px;
}
#content .fpboks .email { margin-top: -3px; }

#formpage legend { display: none; }
#formpage .body {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 4px;
}
#formpage fieldset {
  background: #f1f1f1;
  border: 1px #e2e3e4 solid;
  padding: 4px;
  padding-top: 12px;
  margin: 12px 0;
  font-size: 1.1em;
}
#formpage fieldset .title { padding: 1ex; }
#formpage .required label {
  font-weight: bold;
  color: #f30;
}
#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 {
  font-size: 1.2em;
  line-height: normal;
}
ul.contentlist li { list-style: none; }
ul.contentlist .caption {
  font-size: 80%;
  font-weight: normal;
  margin-bottom: 0;
}
ul.contentlist p { margin-bottom: 0; }
ul.contentlist .date { font-size: 80%; }

/* comments */

.comments { line-height: normal; }

.comments label {display:none;}

#article .comments #listocomments .title
{
  font-size: inherit;
  padding: 0;
  background: transparent;
}

/* /comments */

.prevnext
{
  text-align: center;
  font-size: 1.2em;
  background:#D8D9D4 url(../gfx/bg_topmenu.png) repeat-x top left;
  }
.prevnext .prev {	float: left; font-weight: bold; }
.prevnext .next {	float: right; font-weight: bold; }

/* dynaparked */
.gimage { background: transparent; }
.gimage div {
  font-size: .8em;
  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;}
/* 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.ten { height: 10px; }
.spacer.fifteen { height: 15px; }
.spacer.thirty { height: 30px; }

.credits {
  width: 971px;
  margin: 10px auto 0;
  text-align:right;
  }

.clear { clear: both; }

/* box toggler */
.boxhead {cursor: pointer;}
.box_hidden {display: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

